Rosybrown

rosybrown is a CSS color keyword. The closest Tailwind step is stone-400 (#a8a29e).

#bc8f8frgb(188, 143, 143)

Hex: #bc8f8f
RGB: 188, 143, 143
HSL: 0°, 25%, 65%
OKLCH: 69.3% 0.055 18.6
LAB: 63.6 17.0 6.6

Open #bc8f8f in the explorer

Text contrast

Black or white text on #bc8f8f. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text7.5:1 AAAAPCA Lc 53

White text2.8:1 FailAPCA Lc -57

Color vision

How #bc8f8f looks in simulations of color blindness, at full severity.

Full color
#bc8f8f

Protanopia
#97958f

Deuteranopia
#a19d8e

Tritanopia
#c58b8f

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to rosybrown.

50 100200300400500600700800900950

Copy into CSS

color: rosybrown;
background: #bc8f8f;

@theme {
  --color-rosybrown-50: #fff1f1;
  --color-rosybrown-100: #ffdfdf;
  --color-rosybrown-200: #f3c3c3;
  --color-rosybrown-300: #d5a7a7;
  --color-rosybrown-400: #b88b8b;
  --color-rosybrown-500: #986d6e;
  --color-rosybrown-600: #7d5454;
  --color-rosybrown-700: #653e3f;
  --color-rosybrown-800: #4e292a;
  --color-rosybrown-900: #381517;
  --color-rosybrown-950: #200205;
}