Burlywood

burlywood is a CSS color keyword. The closest Tailwind step is orange-200 (#fed7aa).

#deb887rgb(222, 184, 135)

Hex: #deb887
RGB: 222, 184, 135
HSL: 34°, 57%, 70%
OKLCH: 80.5% 0.078 73.4
LAB: 77.0 7.0 30.0

Open #deb887 in the explorer

Text contrast

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

Black text11.3:1 AAAAPCA Lc 71

White text1.9:1 FailAPCA Lc -37

Color vision

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

Full color
#deb887

Protanopia
#c6b984

Deuteranopia
#cfc288

Tritanopia
#ecaeab

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: burlywood;
background: #deb887;

@theme {
  --color-burlywood-50: #fff3e4;
  --color-burlywood-100: #ffe3c0;
  --color-burlywood-200: #f0ca98;
  --color-burlywood-300: #d3ad7c;
  --color-burlywood-400: #b69161;
  --color-burlywood-500: #967344;
  --color-burlywood-600: #7b592a;
  --color-burlywood-700: #634310;
  --color-burlywood-800: #4b2f00;
  --color-burlywood-900: #311d00;
  --color-burlywood-950: #160a00;
}