A light red-orange, black text passes AA
What color is darksalmon?
The CSS named color darksalmon is #e9967a, or rgb(233 150 122): a light red-orange in plain words. Black text on it reaches 9.11:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | darksalmon |
| Hex | #e9967a |
| RGB | rgb(233 150 122) |
| HSL | hsl(15 72% 70%) |
| OKLCH | oklch(75.1% 0.108 39.4) |
| Nearest Tailwind color | red-300 #ffa2a2, 0.066 away in OKLab |
| White text | 2.31:1: AA fails, AAA fails, large text fails |
| Black text | 9.11:1: AA passes, AAA passes, large text passes |
About darksalmon
In OKLCH terms darksalmon has a lightness of 75.1%, a chroma of 0.108 and a hue of 39.4 degrees, a light red-orange to the eye.
Here HSL's lightness, 70%, lands near OKLCH's 75.1%, which is not true of every color. Among the CSS keywords, lightsalmon (#ffa07a) comes closest at 0.047 in OKLab, close enough to stand in for it in a sketch.
For text, darksalmon wants black: 9.11:1 clears even AAA's 7:1, and white at 2.31:1 fails AA. Its neighbors in the hue-sorted list of names are lightsalmon and coral.
The closest Tailwind 4.3.3 color is red-300, 0.066 away in OKLab, so bg-red-300 comes near; bg-[#e9967a] gives the color itself.
Tints and shades
- #fdeee8
- #fadcd2
- #f7cbbc
- #f3b9a6
- #eea890
- #e9967a
- #b7755e
- #875544
- #5a372b
- #311c14
- #0c0503
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
- #e9967a
- #773938
- #ffeadc
- #291706
- #ab7c00
Locked as the first of five swatches, darksalmon gets #773938, #ffeadc, #291706, #ab7c00 from Recolor's generator, an analogous palette, hues next to each other on the wheel. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using darksalmon
As a text color, darksalmon on a black page gives the same 9.11:1.
.notice {
background-color: darksalmon; /* #e9967a */
color: black; /* 9.11:1 */
}Common questions
Does white text pass WCAG AA on darksalmon?
No. White text measures 2.31:1 on darksalmon, under AA's 4.5:1; black text measures 9.11:1 and passes.
Can darksalmon be written in OKLCH?
Yes: oklch(75.1% 0.108 39.4), computed from #e9967a. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darksalmon?
Yes: lightsalmon (#ffa07a) is the nearest, 0.047 away in OKLab, then salmon at 0.053.