- No data uploaded
- Instant results
Coral — #FF7F50
Coral is the CSS named colour coral, hex #FF7F50. It has a contrast ratio of 2.50:1 on white and 8.40:1 on black — best used as text on dark backgrounds.
Coral — #FF7F50
Contrast on white 2.50:1 · on black 8.40:1
Tints
Shades
Complementary
Triadic
Analogous
Using Coral in code
CSS: color: coral; or color: #FF7F50; · Tailwind: text-[#FF7F50] · Android/Flutter: 0xFFFF7F50
Coral colour harmonies
Complementary: #50D0FF · Triadic: #50FF7F, #7F50FF · Analogous: #FF5078, #FFD750. Use tints for backgrounds and shades for hover states.
Coral in every colour format
| Format | Value |
|---|---|
| HEX | #FF7F50 |
| RGB | rgb(255, 127, 80) |
| HSL | hsl(16, 100%, 66%) |
| HSV | hsv(16, 69%, 100%) |
| CMYK | cmyk(0%, 50%, 69%, 0%) |
| CSS name | coral |
| Contrast on white | 2.50:1 |
| Contrast on black | 8.40:1 |
Frequently asked questions
What is the hex code for Coral?
#FF7F50 (CSS name: coral).
What is Coral in RGB?
rgb(255, 127, 80)
What colour goes well with Coral?
Its complementary colour #50D0FF, or the analogous #FF5078 and #FFD750.