Wheat

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

Color values

copy exact values

HEX#F5DEB3sRGB hexadecimal

RGBrgb(245, 222, 179)screen channels

HSLhsl(39, 77%, 83%)hue, saturation, lightness

CMYKcmyk(0%, 9%, 27%, 4%)approximate process color

Tailwindorange-200nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.31:1

Black textAAA15.98: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

#4E483C

#9D8F75

#F5DEB3

#F8E7CA

#F9F1E2

#FAFAFA

Analogous

#F5BDB3

#F5DEB3

#EBF5B3

Triadic

#F5DEB3

#B3F5DE

#DEB3F5

Complement

#F5DEB3

#B3CAF5

Lab distance · lower is closer

:root {
  --color-wheat: #F5DEB3;
}

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

Hue86°

Lightness89 L*

Chroma24.1

Luminance0.749