brownwarmCSS named color

Rosybrown #BC8F8F

Rosybrown is a medium, muted warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Earthy palettes · Warm neutrals

Open in generator →

Families: Reds

Color values

FormatValue
HEX#BC8F8F
RGBrgb(188, 143, 143)
HSLhsl(0, 25%, 65%)
HSVhsv(0, 24%, 74%)
OKLCHoklch(69.27% 0.055 18.6)
OKLaboklab(69.27% 0.0519 0.0175)
CMYKcmyk(0%, 23.9%, 23.9%, 26.3%)
XYZxyz(35.5199, 32.3211, 30.3489)
CIE-LABlab(63.6, 17.0, 6.6)
CIE-LCHlch(63.6, 18.3, 21.2°)
Luminance0.323 (WCAG relative)
/* Rosybrown */ --rosybrown: #bc8f8f; color: #bc8f8f; background-color: #bc8f8f;

Source: W3C CSS named color. CSS keyword: rosybrown.

Collections: Muted Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#a78080 #937171 #806262 #6d5454 #5a4646 #483939 #372c2c #261f1f #171313 #000000

Tints (toward white)

#c39a9a #caa5a4 #d1b0af #d8bbba #dec6c6 #e5d1d1 #ebdcdc #f2e8e8 #f9f3f3 #ffffff

Tones (toward gray)

#b99090 #b69191 #b29392 #af9493 #ac9594 #a89696 #a59797 #a19898 #9e9999 #9a9a9a

Color harmonies

Complementary

Edit in generator →
#BC8F8F
#8FBCBC
#bc8f8f #8fbcbc

Analogous

Edit in generator →
#BC8FA6
#BC8F8F
#BCA68F
#bc8fa6 #bc8f8f #bca68f

Triadic

Edit in generator →
#BC8F8F
#8FBC8F
#8F8FBC
#bc8f8f #8fbc8f #8f8fbc

Tetradic

Edit in generator →
#BC8F8F
#A6BC8F
#8FBCBC
#A68FBC
#bc8f8f #a6bc8f #8fbcbc #a68fbc

Square

Edit in generator →
#BC8F8F
#A6BC8F
#8FBCBC
#A68FBC
#bc8f8f #a6bc8f #8fbcbc #a68fbc

Split Complementary

Edit in generator →
#BC8F8F
#8FBCA6
#8FA6BC
#bc8f8f #8fbca6 #8fa6bc

Monochromatic

Edit in generator →
#834E4E
#A56969
#BC8F8F
#D3B5B5
#EADCDC
#834e4e #a56969 #bc8f8f #d3b5b5 #eadcdc

Accessibility & contrast

2.81
#BC8F8F on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
7.46
#BC8F8F on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on rosybrown

7.46
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#97958F
Deuteranopia (green-blind)
#A19D8E
Tritanopia (blue-blind)
#C58B8F

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Grey Pink #C3909B4.53
Light Mauve #C292A15.91
Old Rose #C87F897.11
Dirty Pink #CA7B807.88
Dusty Pink #D8A7B18.48
Old Pink #C779868.61

Colors that go with rosybrown

Top matches by hue harmony, contrast and saturation compatibility.

Deep Brown #410200
6.0:1
Same hue family as rosybrown (Δh 2°) — guaranteed harmony
Beige #F5F5DC
2.5:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Dark Sage #598556
1.5:1
Triadic harmony (Δh ≈116°) — balanced three-way contrast
Navy Blue #1B2A4A
5.0:1
Split-complementary angle (Δh ≈139°) — strong but softer than direct complement
Dark Cyan #0A888A
1.5:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.