Rosy Brown #BC8F8F

Rosy Brown#BC8F8F · rgb(188, 143, 143)

Rosy Brown color codes

CSS namerosybrown
HEX#BC8F8F
RGBrgb(188, 143, 143)
HSLhsl(0, 25%, 65%)
CMYKcmyk(0%, 24%, 24%, 26%)
Decimal12357519

Shades of Rosy Brown (darker)

#A98181 · #967272 · #846464 · #715656 · #5E4848 · #4B3939 · #382B2B · #261D1D · #130E0E

Tints of Rosy Brown (lighter)

#C39A9A · #C9A5A5 · #D0B1B1 · #D7BCBC · #DEC7C7 · #E4D2D2 · #EBDDDD · #F2E9E9 · #F8F4F4

Color harmonies

Complementary
#8FBCBC
Triadic
#8FBC8F, #8F8FBC
Analogous
#BC8FA6, #BCA68F

Accessibility (WCAG contrast)

White text on Rosy Brown2.81:1 · Fail
Black text on Rosy Brown7.46:1 · AAA

Use Rosy Brown in code

.element {
  color: rosybrown;          /* or #bc8f8f */
  background-color: rgb(188 143 143 / 0.5);
}

Frequently asked questions

What is the hex code for Rosy Brown?

Rosy Brown is #BC8F8F in HEX, rgb(188, 143, 143) in RGB and hsl(0, 25%, 65%) in HSL.

Can I use "rosybrown" directly in CSS?

Yes. "rosybrown" is one of the 148 standard CSS named colors, so color: rosybrown; works in every browser.

Is Rosy Brown readable on white?

The contrast ratio of Rosy Brown on white is 2.81:1 (WCAG Fail). On black it is 7.46:1 (AAA).

What is the complementary color of Rosy Brown?

The complementary color (opposite on the color wheel) is #8FBCBC.

Similar colors

Dark Gray#A9A9A9Dark Grey#A9A9A9Tan#D2B48CPale Violet Red#DB7093Dark Salmon#E9967ADark Khaki#BDB76BBurly Wood#DEB887Light Coral#F08080

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.