Burly Wood

Best set with black text. The pairing reaches 11.31:1 contrast and passes AAA for normal text.

Color values

copy exact values

HEX#DEB887sRGB hexadecimal

RGBrgb(222, 184, 135)screen channels

HSLhsl(34, 57%, 70%)hue, saturation, lightness

CMYKcmyk(0%, 17%, 39%, 13%)approximate process color

Tailwindorange-200nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.86:1

Black textAAA11.31:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#483D30

#8F785A

#DEB887

#E9CEAC

#F3E4D3

#FAFAFA

Analogous

#DE8C87

#DEB887

#D8DE87

Triadic

#DEB887

#87DEB8

#B887DE

Complement

#DEB887

#87ADDE

Lab distance · lower is closer

:root {
  --color-burly-wood: #DEB887;
}

.swatch {
  background: var(--color-burly-wood);
  color: #000000;
}

Hue77°

Lightness77 L*

Chroma30.8

Luminance0.516