Coral hex code
The hex code for coral is #FF7F50. In RGB that is rgb(255, 127, 80) and in HSL it is hsl(16, 100%, 66%).
The hex code for coral is #FF7F50. In RGB that is rgb(255, 127, 80) and in HSL it is hsl(16, 100%, 66%).
Coral · #FF7F50
Colour codes
- HEX
- #FF7F50
- RGB
- rgb(255, 127, 80)
- HSL
- hsl(16, 100%, 66%)
- CMYK
- 0, 50, 69, 0
- CSS name
- coral
- Contrast on white
- 2.50:1
- Contrast on black
- 8.40:1
Tints and shades
20% lighter · #ff9973
40% lighter · #ffb296
60% lighter · #ffccb9
80% lighter · #ffe5dc
20% darker · #cc6640
40% darker · #994c30
60% darker · #663320
80% darker · #331910
Complementary colour
Coral · #FF7F50
Opposite on the colour wheel · #52d1ff
Frequently asked questions
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%).
Can I use coral for text?
It has a contrast ratio of 2.50:1 on white and 8.40:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with coral?
Its complementary colour, opposite on the colour wheel, is #52D1FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of coral instead.
Is coral a CSS colour name?
Yes. CSS accepts the keyword coral, so color: coral and color: #FF7F50 render exactly the same.