A grayish medium red, black text passes AA
What color is rosybrown?
rosybrown is a grayish medium red: #bc8f8f in hex, rgb(188 143 143). Black text on it reaches 7.46:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | rosybrown |
| Hex | #bc8f8f |
| RGB | rgb(188 143 143) |
| HSL | hsl(0 25% 65%) |
| OKLCH | oklch(69.3% 0.055 18.6) |
| Nearest Tailwind color | taupe-400 #aba09c, 0.047 away in OKLab |
| White text | 2.81:1: AA fails, AAA fails, large text fails |
| Black text | 7.46:1: AA passes, AAA passes, large text passes |
About rosybrown
In OKLCH terms rosybrown has a lightness of 69.3%, a chroma of 0.055 and a hue of 18.6 degrees, a grayish medium red to the eye.
HSL and OKLCH agree on how light it is, 65% and 69.3%. The nearest CSS named color, darkgray (#a9a9a9), is 0.069 away in OKLab: related, but plainly a different color.
For text, rosybrown wants black: 7.46:1 clears even AAA's 7:1, and white at 2.81:1 fails AA. In the hue-sorted table of named colors it sits between tomato and red.
In Tailwind CSS 4.3.3 the nearest default color is taupe-400 (#aba09c), 0.047 away in OKLab; for the exact color, an arbitrary value such as bg-[#bc8f8f] works.
Tints and shades
- #f4ecec
- #e9d9d8
- #dec6c6
- #d3b3b3
- #c8a1a1
- #bc8f8f
- #936f6f
- #6c5151
- #473434
- #251a1a
- #080404
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
- #bc8f8f
- #361615
- #f9a7aa
- #0b575a
- #90f5f1
Locked as the first of five swatches, rosybrown gets #361615, #f9a7aa, #0b575a, #90f5f1 from Recolor's generator, a complementary palette, built on the hue opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using rosybrown
As a text color, rosybrown on a black page gives the same 7.46:1.
.notice {
background-color: rosybrown; /* #bc8f8f */
color: black; /* 7.46:1 */
}Common questions
Does white text pass WCAG AA on rosybrown?
No. White text measures 2.81:1 on rosybrown, under AA's 4.5:1; black text measures 7.46:1 and passes.
Can rosybrown be written in OKLCH?
Yes: oklch(69.3% 0.055 18.6), computed from #bc8f8f. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to rosybrown?
No. The nearest, darkgray (#a9a9a9), is 0.069 away in OKLab, a different color.