A vivid light orange, black text passes AA
What color is sandybrown?
The CSS named color sandybrown is #f4a460, or rgb(244 164 96): a vivid light orange in plain words. Black text on it reaches 10.33:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | sandybrown |
| Hex | #f4a460 |
| RGB | rgb(244 164 96) |
| HSL | hsl(28 87% 67%) |
| OKLCH | oklch(78.4% 0.127 59.7) |
| Nearest Tailwind color | amber-500 #fd9a00, 0.049 away in OKLab |
| White text | 2.03:1: AA fails, AAA fails, large text fails |
| Black text | 10.33:1: AA passes, AAA passes, large text passes |
About sandybrown
A vivid light orange is the plain description of sandybrown: OKLCH lightness 78.4%, chroma 0.127, hue 59.7 degrees.
Its lightness is 67% in HSL and 78.4% in OKLCH, 12 points apart; only the second tracks how light it looks. The closest CSS named color is lightsalmon (#ffa07a), 0.039 away in OKLab: near, and still a visible step from it side by side.
Black text on sandybrown measures 10.33:1, past the 7:1 of WCAG AAA, while white text manages only 2.03:1. Its neighbors in the hue-sorted list of names are tan and goldenrod.
The closest Tailwind 4.3.3 color is amber-500, 0.049 away in OKLab, so bg-amber-500 comes near; bg-[#f4a460] gives the color itself.
Tints and shades
- #fef0e5
- #fde1cc
- #fcd2b2
- #fac398
- #f7b47d
- #f4a460
- #bf804a
- #8d5d34
- #5e3d20
- #331f0e
- #0d0602
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
- #f4a460
- #201b04
- #99856a
- #dffbff
- #71425c
Recolor's generator, with sandybrown locked as swatch 1 and the seed taken from its hex, drew a free palette, hues spread around the wheel: #201b04, #99856a, #dffbff, #71425c. Open it in Recolor.
Using sandybrown
As a text color, sandybrown on a black page gives the same 10.33:1.
.notice {
background-color: sandybrown; /* #f4a460 */
color: black; /* 10.33:1 */
}Common questions
Does white text pass WCAG AA on sandybrown?
No. White text measures 2.03:1 on sandybrown, under AA's 4.5:1; black text measures 10.33:1 and passes.
Can sandybrown be written in OKLCH?
Yes: oklch(78.4% 0.127 59.7), computed from #f4a460. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to sandybrown?
Yes: lightsalmon (#ffa07a) is the nearest, 0.039 away in OKLab, then orange at 0.053.