Rosy Brown hex code
The hex code for rosy brown is #BC8F8F. In RGB that is rgb(188, 143, 143) and in HSL it is hsl(0, 25%, 65%).
The hex code for rosy brown is #BC8F8F. In RGB that is rgb(188, 143, 143) and in HSL it is hsl(0, 25%, 65%).
Rosy Brown · #BC8F8F
Colour codes
- HEX
- #BC8F8F
- RGB
- rgb(188, 143, 143)
- HSL
- hsl(0, 25%, 65%)
- CMYK
- 0, 24, 24, 26
- CSS name
- rosybrown
- Contrast on white
- 2.81:1
- Contrast on black
- 7.46:1
Tints and shades
20% lighter · #c9a5a5
40% lighter · #d7bcbc
60% lighter · #e4d2d2
80% lighter · #f2e9e9
20% darker · #967272
40% darker · #715656
60% darker · #4b3939
80% darker · #261d1d
Complementary colour
Rosy Brown · #BC8F8F
Opposite on the colour wheel · #8fbcbc
Frequently asked questions
What is the hex code for rosy brown?
The hex code for rosy brown is #BC8F8F. In RGB that is rgb(188, 143, 143) and in HSL it is hsl(0, 25%, 65%).
Can I use rosy brown for text?
It has a contrast ratio of 2.81:1 on white and 7.46:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with rosy brown?
Its complementary colour, opposite on the colour wheel, is #8FBCBC. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of rosy brown instead.
Is rosy brown a CSS colour name?
Yes. CSS accepts the keyword rosybrown, so color: rosybrown and color: #BC8F8F render exactly the same.