A vivid medium red, black text passes AA
What color is lightcoral?
lightcoral is a vivid medium red: #f08080 in hex, rgb(240 128 128). Black text on it reaches 8.10:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | lightcoral |
| Hex | #f08080 |
| RGB | rgb(240 128 128) |
| HSL | hsl(0 79% 72%) |
| OKLCH | oklch(72.5% 0.138 21.0) |
| Nearest Tailwind color | red-400 #ff6467, 0.056 away in OKLab |
| White text | 2.59:1: AA fails, AAA fails, large text fails |
| Black text | 8.10:1: AA passes, AAA passes, large text passes |
About lightcoral
Measured in OKLCH, lightcoral comes out at lightness 72.5%, chroma 0.138 and hue 21.0 degrees: a vivid medium red.
HSL and OKLCH agree on how light it is, 72% and 72.5%. Of the named colors, salmon (#fa8072) is the nearest, 0.025 away in OKLab; next to each other the two still differ.
Black on lightcoral reads at 8.10:1, enough for AAA body text; white reaches 2.59:1 and should stay off it. In the hue-sorted table of named colors it sits between salmon and tomato.
In Tailwind CSS 4.3.3 the nearest default color is red-400 (#ff6467), 0.056 away in OKLab; for the exact color, an arbitrary value such as bg-[#f08080] works.
Tints and shades
- #ffeae9
- #fed5d4
- #fcc0be
- #f9aba9
- #f59695
- #f08080
- #bc6363
- #8b4848
- #5d2e2e
- #321616
- #0d0303
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
- #f08080
- #320d1b
- #a2696a
- #f9dbcf
- #6b4323
Around lightcoral as swatch 1, Recolor's generator made an analogous palette, hues next to each other on the wheel: #320d1b, #a2696a, #f9dbcf, #6b4323, drawn from a seed fixed by its hex. Open it in Recolor.
Using lightcoral
As a text color, lightcoral on a black page gives the same 8.10:1.
.notice {
background-color: lightcoral; /* #f08080 */
color: black; /* 8.10:1 */
}Common questions
Does white text pass WCAG AA on lightcoral?
No. White text measures 2.59:1 on lightcoral, under AA's 4.5:1; black text measures 8.10:1 and passes.
Can lightcoral be written in OKLCH?
Yes: oklch(72.5% 0.138 21.0), computed from #f08080. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightcoral?
Yes: salmon (#fa8072) is the nearest, 0.025 away in OKLab, then darksalmon at 0.055.