Skip to content

Coral Color Code: HEX Code & RGB Code Values ​

Looking for specific coral color code? Get exact coral hex code #FF7F50 and coral RGB code rgb(255,127,80). Complete color information for design and development projects featuring this vibrant, warm pinkish-orange color.

Visual example of coral color with its vibrant, warm appearance
HEX#FF7F50
RGBrgb(255,127,80)

Shades of Coral ​

Create custom shades of coral with our color generator. Adjust hues, tints, and tones to find the perfect shade of coral for your project.

🎨

Shades (Adding Black)

  • FF7F50
    rgb(255, 127, 80)
  • D06943
    rgb(208, 105, 67)
  • A35437
    rgb(163, 84, 55)
  • 79402B
    rgb(121, 64, 43)
  • 502C1F
    rgb(80, 44, 31)
  • 2B1A13
    rgb(43, 26, 19)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • FF7F50
    rgb(255, 127, 80)
  • FF986F
    rgb(255, 152, 111)
  • FFAE8D
    rgb(255, 174, 141)
  • FFC3AA
    rgb(255, 195, 170)
  • FFD8C7
    rgb(255, 216, 199)
  • FFECE3
    rgb(255, 236, 227)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • FF7F50
    rgb(255, 127, 80)
  • F7845A
    rgb(247, 132, 90)
  • EB8B67
    rgb(235, 139, 103)
  • DD9175
    rgb(221, 145, 117)
  • CD9884
    rgb(205, 152, 132)
  • BB9E93
    rgb(187, 158, 147)
  • 808080
    rgb(128, 128, 128)

Coral Palette ​

Explore curated and automatically generated color palettes featuring coral. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFEBE1
Light
#FFC7AF
Medium Light
#FFA47F
Medium
#FF7F50
Medium Dark
#D36137
Dark
#A9431E
Darkest
#802706

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#FF7F50
Left Dark
#FF9E78
Left Medium
#FFBBA0
Left Light
#FFD8CA
Neutral
#F5F5F5
Right Light
#D5ECF8
Right Medium
#B2E3FA
Right Dark
#89D9FD
Complementary End
#50D0FF

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FFC0A5
Medium
#FF7F50
Dark
#962500
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#FF50D0
Left Adjacent 1
#FF5079
Main
#FF7F50
Right Adjacent 1
#FFD650
Right Adjacent 2
#D0FF50

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#FF7F50
Complementary
#50D0FF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#FF7F50
Secondary
#50FF7F
Tertiary
#7F50FF

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#FF7F50
Right 90°
#79FF50
Complementary
#50D0FF
Left 90°
#D650FF

Tetradic

Two pairs of complementary colors

4 colors
Main
#FF7F50
Secondary
#D0FF50
Complementary
#50D0FF
Complementary Secondary
#7F50FF

Split Complementary

Complementary colors ±30°

3 colors
Main
#FF7F50
Split Left
#50FFD6
Split Right
#5079FF

Cyclic

Circular gradient for periodic data

8 colors
0°
#FF7F50
45°
#FCFF50
90°
#79FF50
135°
#50FFAB
180°
#50D0FF
225°
#5350FF
270°
#D650FF
315°
#FF50A4

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C9A89C
Pastel 1
#D1B3A9
Pastel 2
#D8BFB6
Pastel 3
#DFCBC3
Pastel 4
#E6D6D1
Deep Pastel
#EDE2DE

Common Orange Color Codes (HEX & RGB) ​

Orange →
HEX:#FFA500
RGB:rgb(255, 165, 0)
Dark Orange →
HEX:#FF8C00
RGB:rgb(255, 140, 0)
Light Orange →
HEX:#FFD580
RGB:rgb(255,213,128)
Coral →
HEX:#FF7F50
RGB:rgb(255, 127, 80)
Copper →
HEX:#B87333
RGB:rgb(184, 115, 51)
Bronze →
HEX:#CD7F32
RGB:rgb(205, 127, 50)
Tan →
HEX:#D2B48C
RGB:rgb(210, 180, 140)

Extract Coral Hex & RGB Codes from Image ​

Upload a photo to find the exact coral HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Coral Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for coral shades.

🎨

All Formats:

  • HEX:
    #FF7F50
  • RGB:
    rgb(255, 127, 80)
  • CMYK:
    cmyk(0%, 50%, 69%, 0%)
  • HSV:
    hsv(16°, 69%, 100%)
  • HSL:
    hsl(16°, 100%, 66%)

What is Coral? ​

Coral is a vibrant pinkish-orange color named after the marine invertebrates of the same name. Coral reefs are some of the most diverse ecosystems on Earth, home to thousands of species. The color coral captures the warm, vibrant hues of coral polyps, ranging from pale pink to deep orange.

Coral is a lively, energetic color that evokes feelings of warmth and vitality. It's often associated with tropical destinations, summer, and ocean life. The color has a cheerful quality that works well in both casual and elegant designs.

The hex code for coral is #FF7F50, with RGB values of rgb(255, 127, 80). This combination creates a warm, vibrant orange with pink undertones.

Coral vs Similar Colors ​

Coral sits between orange and pink:

ColorHEX CodeKey Difference
Coral#FF7F50Pinkish-orange
Salmon#FA8072Pinker, less orange
Peach#FFDAB9Lighter, more yellow
Orange#FFA500Pure orange

Coral is pinker than orange and more saturated than salmon. Its unique blend makes it popular in fashion and design.

Using Coral in Design ​

Coral's warmth makes it versatile:

Web and UI Design: Coral works well for lifestyle brands, travel platforms, and casual websites. It creates energetic, inviting interfaces. Pair with white or turquoise for a fresh aesthetic.

Graphic Design: Coral is ideal for summer promotions, beach-themed designs, and feminine branding. It pairs beautifully with turquoise, white, and sand.

Fashion and Interiors: A popular color for summer collections and coastal decor. In interiors, coral adds warmth as an accent color or textiles.

Color Psychology and Meaning ​

Coral carries energetic associations:

  • Warmth and vitality: Evokes feelings of energy and enthusiasm
  • Joy and optimism: Associated with happiness and positivity
  • Tropical paradise: Linked to vacation and relaxation
  • Femininity and charm: Often used in feminine designs

Frequently Asked Questions ​

What is the coral hex code? ​

The coral hex code is #FF7F50. This vibrant pinkish-orange is widely used in design.

What colors go well with coral? ​

Coral pairs beautifully with turquoise, white, sand, and navy blue.

Is coral a warm or cool color? ​

Coral is a warm color with orange undertones.

What are the RGB values for coral? ​

The coral RGB code is rgb(255, 127, 80).

Why is coral associated with the ocean? ​

Coral is named after coral reefs, which are found in warm ocean waters worldwide.