What color is Coral?
Coral is a warm, soft orange-red with a peachy glow, hex #FF8559, similar in tone to a ripe persimmon. It sits lighter than a standard orange but has more warmth and depth than a typical blush pink.
What is the meaning of the color Coral?
Named after the marine organism whose skeleton ranges from pale pink to deep orange-red, coral entered English as a color name by the late 19th century. The Pantone Color Institute named a version of it — Living Coral, Pantone 16-1546 — its Color of the Year for 2019, bringing the shade into broad commercial visibility. That designation connected coral to themes of warmth and human connection, and it was adopted across fashion, packaging, and interior product lines that year.
RGB
255, 133, 89
HSL
16°, 100%, 67%
CMYK
0, 48, 65, 0
HSV
16°, 65%, 100%
What colors go with Coral?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FF8559 |
color: #FF8559;
|
| RGB | 255, 133, 89 |
color: rgb(255, 133, 89);
|
| RGB Percentage | 100%, 52%, 35% |
color: rgb(100%, 52%, 35%);
|
| CMYK | 0%, 48%, 65%, 0% | Not supported in CSS |
| HSL | 16°, 100%, 67% |
color: hsl(16, 100%, 67%);
|
| HSV | 16°, 65%, 100% | Not supported in CSS |
| CIE-LAB | 54, 24, 15 |
color: lab(54% 24 15);
|
| Decimal | 16745817 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.coral {
color: #FF8559;
}
SCSS
$coral: #FF8559;
RGB
rgb(255, 133, 89)
Accessibility & Contrast
White background
2.40:1
2.40
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
8.75:1
8.75
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element