Skip to content

Rosy brown

Rosy brown is a light, soft color from the red family. Hex code #BC8F8F.

Rosy brown#BC8F8F

Color codes

  • CSS namerosybrown
  • HEX#BC8F8F
  • RGBrgb(188 143 143)
  • HSLhsl(0 25% 65%)
  • HSB / HSVhsb(0, 24%, 74%)
  • OKLCHoklch(69.3% 0.055 18.6)
  • CMYKcmyk(0%, 24%, 24%, 26%)

White text

2.81:1 · fails WCAG

Black text

7.46:1 · passes WCAG AAA

Shades

50#FFEDED
100#F7C7C7
200#D9ABAB
300#BC8F8F
400#A07575
500#855B5C
600#6A4343
700#502B2C
800#381517

Complementary

#BC8F8F
#73A7A9

Analogous

#BC8F8F
#B78FA2
#B9937F

Triadic

#BC8F8F
#8CA584
#889EBF

About this color

Rosy brown in CSS and design

Rosy brown is a light, soft color from the red family. Rosy brown is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: rosybrown;
color: #BC8F8F;
color: rgb(188 143 143);
color: hsl(0 25% 65%);

For text on rosy brown, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for rosy brown?

#BC8F8F. In CSS you can also use the keyword rosybrown, which works in every browser.

What is rosy brown in RGB and HSL?

In RGB it is rgb(188 143 143), in HSL hsl(0 25% 65%). For print, cmyk(0%, 24%, 24%, 26%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on rosy brown?

Black text works better: it has a contrast ratio of 7.46:1 and passes WCAG AAA. White text reaches 2.81:1.

Which colors go with rosy brown?

Its complementary color is #73A7A9, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #B78FA2 and #B9937F. The palette generator builds more combinations.