Beige

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

Color values

copy exact values

HEX#F5F5DCsRGB hexadecimal

RGBrgb(245, 245, 220)screen channels

HSLhsl(60, 56%, 91%)hue, saturation, lightness

CMYKcmyk(0%, 0%, 10%, 4%)approximate process color

Tailwindyellow-50nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.11:1

Black textAAA18.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

#4E4E47

#9D9D8E

#F5F5DC

#F7F7E6

#F8F8F0

#FAFAFA

Analogous

#F5E9DC

#F5F5DC

#E9F5DC

Triadic

#F5F5DC

#DCF5F5

#F5DCF5

Complement

#F5F5DC

#DCDCF5

Lab distance · lower is closer

:root {
  --color-beige: #F5F5DC;
}

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

Hue109°

Lightness96 L*

Chroma12.8

Luminance0.899