CSS named color
RosyBrown
#BC8F8F
HEX
#bc8f8fRGB
rgb(188, 143, 143)HSL
hsl(0, 25%, 65%)OKLCH
oklch(69.27% 0.0548 18.57)NAME
rosybrownPalette
Complementary
180° on the color wheelComplement
#8FBCBC
Analogous
±30° around the base hueLeft
#BC8FA6
Right
#BCA68F
Triadic
±120° for harmonic contrastTriad 1
#8FBC8F
DarkSeaGreen
Triad 2
#8F8FBC
Shades
Lighter and darker variantsCSS usage
By name
color: rosybrown;
background-color: rosybrown;By HEX
color: #bc8f8f;
background-color: #bc8f8f;By RGB
color: rgb(188, 143, 143);
background-color: rgb(188, 143, 143);By HSL
color: hsl(0, 25%, 65%);
background-color: hsl(0, 25%, 65%);WCAG contrast vs white
Aa
2.81:1
Below minimum
WCAG contrast vs black
Aa
7.46:1
AAA
Related colors
FAQ — RosyBrown
What is the HEX code for RosyBrown?
The HEX code for RosyBrown is #BC8F8F. It's one of the 148 named CSS colors and can be used directly in CSS as color: rosybrown; or color: #bc8f8f;
What is RosyBrown in RGB?
RosyBrown in RGB is rgb(188, 143, 143) — red 188, green 143, blue 143.
What is RosyBrown in HSL?
RosyBrown in HSL is hsl(0, 25%, 65%) — hue 0°, saturation 25%, lightness 65%.
What is the complementary color of RosyBrown?
The complementary color (directly opposite RosyBrown on the color wheel) is #8FBCBC. The two together produce maximum contrast.
Is white text readable on RosyBrown?
The WCAG contrast ratio against white (#FFFFFF) is 2.81:1, and against black (#000000) it's 7.46:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.