Colors

#BC8F8F

Rosy Brown

Rosy Brown is #BC8F8F. In CSS you can write it as the keyword rosybrown. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Conversions

HEX
#BC8F8F
RGB
rgb(188, 143, 143)
HSL
hsl(0,25%,65%)
HSV
hsv(0, 24%, 74%)
CMYK
cmyk(0,24,24,26)
OKLCH
oklch(69.3% 0.055 18.6)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#C9A5A5

20% white

#D7BCBC

40% white

#E4D2D2

60% white

#F2E9E9

80% white

Shades

#967272

20% black

#715656

40% black

#4B3939

60% black

#261D1D

80% black

Harmony palettes

These schemes rotate hue from Rosy Brown. Read the relationships in color theory 101 or adjust them on the color wheel.

#BC8F8F

#8FBCBC

#D5C3C3

#C3D5D5

#8F7070

#BC8FA6

#BC8F8F

#BCA68F

#BCBC8F

#B993B9

#BC8F8F

#8FBC8F

#8F8FBC

#C3D5C3

#7878A0

Split Complementary

Open in palette generator

#BC8F8F

#8FBCA6

#8FA6BC

#DED3D3

#708F8F

#402626

#704343

#9F6060

#BC8F8F

#D9BFBF

#BC8F8F

#A6BC8F

#8FBCBC

#A68FBC

#C4CEBB

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 2.81:1
AA normal text Fail
AA large text Fail
AAA normal text Fail
AAA large text Fail
On black · 7.46:1
AA normal text Pass
AA large text Pass
AAA normal text Pass
AAA large text Pass

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color