A vivid light red-orange, black text passes AA
What color is lightsalmon?
lightsalmon is a vivid light red-orange: #ffa07a in hex, rgb(255 160 122). Black text on it reaches 10.56:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | lightsalmon |
| Hex | #ffa07a |
| RGB | rgb(255 160 122) |
| HSL | hsl(17 100% 74%) |
| OKLCH | oklch(79.4% 0.125 42.4) |
| Nearest Tailwind color | red-300 #ffa2a2, 0.050 away in OKLab |
| White text | 1.99:1: AA fails, AAA fails, large text fails |
| Black text | 10.56:1: AA passes, AAA passes, large text passes |
About lightsalmon
A vivid light red-orange is the plain description of lightsalmon: OKLCH lightness 79.4%, chroma 0.125, hue 42.4 degrees.
HSL and OKLCH agree on how light it is, 74% and 79.4%. The closest CSS named color is sandybrown (#f4a460), 0.039 away in OKLab: near, and still a visible step from it side by side.
Black text on lightsalmon measures 10.56:1, past the 7:1 of WCAG AAA, while white text manages only 1.99:1. In the hue-sorted table of named colors it sits between maroon and darksalmon.
In Tailwind CSS 4.3.3 the nearest default color is red-300 (#ffa2a2), 0.050 away in OKLab; for the exact color, an arbitrary value such as bg-[#ffa07a] works.
Tints and shades
- #fff0e9
- #ffe0d3
- #ffd0bd
- #ffc1a7
- #ffb091
- #ffa07a
- #c87d5e
- #945b44
- #633b2b
- #361e14
- #0f0503
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
- #ffa07a
- #2d1104
- #ad735e
- #ffe7d8
- #853d14
Recolor's generator, with lightsalmon locked as swatch 1 and the seed taken from its hex, drew a monochromatic palette, one hue in five lightnesses: #2d1104, #ad735e, #ffe7d8, #853d14. Open it in Recolor.
Using lightsalmon
As a text color, lightsalmon on a black page gives the same 10.56:1.
.notice {
background-color: lightsalmon; /* #ffa07a */
color: black; /* 10.56:1 */
}Common questions
Does white text pass WCAG AA on lightsalmon?
No. White text measures 1.99:1 on lightsalmon, under AA's 4.5:1; black text measures 10.56:1 and passes.
Can lightsalmon be written in OKLCH?
Yes: oklch(79.4% 0.125 42.4), computed from #ffa07a. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightsalmon?
Yes: sandybrown (#f4a460) is the nearest, 0.039 away in OKLab, then darksalmon at 0.047.