- No data uploaded
- Instant results
Rosy Brown — #BC8F8F
Rosy Brown is the CSS named colour rosybrown, hex #BC8F8F. It has a contrast ratio of 2.81:1 on white and 7.46:1 on black — best used as text on dark backgrounds.
Rosy Brown — #BC8F8F
Contrast on white 2.81:1 · on black 7.46:1
Tints
Shades
Complementary
Triadic
Analogous
Using Rosy Brown in code
CSS: color: rosybrown; or color: #BC8F8F; · Tailwind: text-[#BC8F8F] · Android/Flutter: 0xFFBC8F8F
Rosy Brown colour harmonies
Complementary: #8FBCBC · Triadic: #8FBC8F, #8F8FBC · Analogous: #BC8FA6, #BCA68F. Use tints for backgrounds and shades for hover states.
Rosy Brown in every colour format
| Format | Value |
|---|---|
| HEX | #BC8F8F |
| RGB | rgb(188, 143, 143) |
| HSL | hsl(0, 25%, 65%) |
| HSV | hsv(0, 24%, 74%) |
| CMYK | cmyk(0%, 24%, 24%, 26%) |
| CSS name | rosybrown |
| Contrast on white | 2.81:1 |
| Contrast on black | 7.46:1 |
Frequently asked questions
What is the hex code for Rosy Brown?
#BC8F8F (CSS name: rosybrown).
What is Rosy Brown in RGB?
rgb(188, 143, 143)
What colour goes well with Rosy Brown?
Its complementary colour #8FBCBC, or the analogous #BC8FA6 and #BCA68F.