What is the hex code for Coral?

The hex code for Coral is #FF7F50. In RGB that is rgb(255, 127, 80), and in HSL it is hsl(16, 100%, 66%).

What RGB values make Coral?

Coral is 255 red, 127 green, and 80 blue, written as rgb(255, 127, 80).

Coral scores 2.5:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: coral directly in CSS, which every browser resolves to #FF7F50.

#FF7F50

Coral is an orange tone at #FF7F50. It sits at 16 degrees on the color wheel with 100% saturation and 66% lightness.

Color values

Tints mix Coral with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FFE5DC

Tint 60%

#FFCCB9

Tint 40%

#FFB296

Tint 20%

#FF9973

Base

#FF7F50

Shade 20%

#CC6640

Shade 40%

#994C30

Shade 60%

#663320

Shade 80%

#331910

On white

Sample text

2.5:1

Fails WCAG for text

On black

Sample text

8.4:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Coral?: The hex code for Coral is #FF7F50. In RGB that is rgb(255, 127, 80), and in HSL it is hsl(16, 100%, 66%).
What RGB values make Coral?: Coral is 255 red, 127 green, and 80 blue, written as rgb(255, 127, 80).
Is Coral readable as text on a white background?: Coral scores 2.5:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Coral a valid CSS color name?: Yes. You can write color: coral directly in CSS, which every browser resolves to #FF7F50.