Coral color values
| Format | Value |
|---|---|
| Hex | #FF7F50 |
| RGB | rgb(255, 127, 80) |
| HSL | hsl(16, 100%, 66%) |
| HSV | 16, 69%, 100% |
| CMYK (simple conversion) | 0%, 50%, 69%, 0% |
| Decimal | 16744272 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Coral
Coral is a bright, pinkish orange color inspired by marine organisms found in tropical reefs. It brings energy and warmth to web designs without being as aggressive as pure red. Lifestyle brands and summer campaigns frequently adopt this lively shade. It is one of the 148 CSS named colors.
Shades and tints of Coral
Tints mix Coral with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FF8C62 | #E67248 |
| 20% | #FF9973 | #CC6640 |
| 30% | #FFA585 | #B35938 |
| 40% | #FFB296 | #994C30 |
| 50% | #FFBFA8 | #804028 |
Color harmony for Coral
These colors keep the same saturation and lightness as Coral and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #50D0FF |
| Analogous | #FF5078 #FFD650 |
| Triadic | #50FF7F #7F50FF |
| Split complementary | #50FFD6 #5079FF |
Contrast and accessibility
Contrast between #FF7F50 and white is 2.50:1 (fails). Against black it is 8.40:1 (passes AAA). For text on a Coral background, black text is the more readable choice.
Use Coral in CSS
.element {
color: coral;
background-color: #FF7F50;
border-color: rgb(255 127 80);
outline-color: hsl(16 100% 66%);
}All four lines produce exactly the same color. The keyword coral is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Tomato: #FF6347
- Salmon: #FA8072
- sandybrown: #F4A460
- lightcoral: #F08080
FAQ
What is the hex code for Coral?
The hex code for Coral is #FF7F50. As a CSS color keyword you can also write coral.
What is Coral in RGB?
Coral is rgb(255, 127, 80): red 255, green 127, blue 80 on the 0 to 255 scale.
What color is closest to Coral?
Of the CSS named colors, tomato (#FF6347) is the closest match to Coral, followed by salmon and sandybrown.
More colors
- Chocolate: previous page
- Cornflower Blue: next page
- CSS named colors: the full list