A vivid medium red-orange, black text passes AA
What color is coral?
coral is a vivid medium red-orange: #ff7f50 in hex, rgb(255 127 80). Black text on it reaches 8.40:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | coral |
| Hex | #ff7f50 |
| RGB | rgb(255 127 80) |
| HSL | hsl(16 100% 66%) |
| OKLCH | oklch(73.5% 0.168 40.2) |
| Nearest Tailwind color | orange-500 #ff6900, 0.051 away in OKLab |
| White text | 2.50:1: AA fails, AAA fails, large text fails |
| Black text | 8.40:1: AA passes, AAA passes, large text passes |
About coral
Measured in OKLCH, coral comes out at lightness 73.5%, chroma 0.168 and hue 40.2 degrees: a vivid medium red-orange.
HSL calls its lightness 66%, OKLCH 73.5%: 8 points between a formula and a measure of what the eye sees. Of the named colors, salmon (#fa8072) is the nearest, 0.038 away in OKLab; next to each other the two still differ.
Black on coral reads at 8.40:1, enough for AAA body text; white reaches 2.50:1 and should stay off it. In the hue-sorted table of named colors it sits between darksalmon and orangered.
In Tailwind CSS 4.3.3 the nearest default color is orange-500 (#ff6900), 0.051 away in OKLab; for the exact color, an arbitrary value such as bg-[#ff7f50] works.
Tints and shades
- #ffebe3
- #ffd6c6
- #ffc1aa
- #ffac8d
- #ff9670
- #ff7f50
- #c8623d
- #94472b
- #632d1a
- #36160a
- #0f0301
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #ff7f50
- #062719
- #cc6834
- #fad7ca
- #4a6855
Around coral as swatch 1, Recolor's generator made a triadic palette, three hues a third of the wheel apart: #062719, #cc6834, #fad7ca, #4a6855, drawn from a seed fixed by its hex. Open it in Recolor.
Using coral
As a text color, coral on a black page gives the same 8.40:1.
.notice {
background-color: coral; /* #ff7f50 */
color: black; /* 8.40:1 */
}Common questions
Does white text pass WCAG AA on coral?
No. White text measures 2.50:1 on coral, under AA's 4.5:1; black text measures 8.40:1 and passes.
Can coral be written in OKLCH?
Yes: oklch(73.5% 0.168 40.2), computed from #ff7f50. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to coral?
Yes: salmon (#fa8072) is the nearest, 0.038 away in OKLab, then tomato at 0.054.