rosybrown — #BC8F8F
#BC8F8F
rgb(188, 143, 143) · hsl(0, 25%, 65%) · CSS keyword rosybrown
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| rosybrown on white | 2.81:1 | — | — |
| rosybrown on black | 7.46:1 | AA | AA |
As a background, rosybrown takes black text: 7.46:1 against 2.81:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: rosybrown;
color: #bc8f8f;
color: rgb(188 143 143);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to rosybrown
- darkgray — #A9A9A9
- darksalmon — #E9967A
- peru — #CD853F
- palevioletred — #DB7093
- tan — #D2B48C
- lightcoral — #F08080
Frequently asked questions
What is the hex code for rosybrown?
The hex code for rosybrown is #BC8F8F — RGB 188, 143, 143.
Can I use rosybrown for text?
Not on a white background. rosybrown reaches only 2.81:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on rosybrown be black or white?
Black — 7.46:1 against 2.81:1 the other way.
Other named colours
- royalblue — #4169E1
- saddlebrown — #8B4513
- salmon — #FA8072
- sandybrown — #F4A460
- seagreen — #2E8B57
- seashell — #FFF5EE
- sienna — #A0522D
- silver — #C0C0C0
- skyblue — #87CEEB
- slateblue — #6A5ACD
- slategray — #708090
- snow — #FFFAFA
#BC8F8F in full — tints, shades and harmonies · All named colours · Colour reference