Beige

beige is a CSS color keyword. The closest Tailwind step is yellow-50 (#fefce8).

#f5f5dcrgb(245, 245, 220)
Hex
#f5f5dc
RGB
245, 245, 220
HSL
60°, 56%, 91%
OKLCH
96.4% 0.033 107.0
LAB
95.9 -4.2 12.0

Open #f5f5dc in the explorer

Text contrast

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

Black text19.0:1 AAAAPCA Lc 99
White text1.1:1 FailAPCA Lc 0

Color vision

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

Full color
#f5f5dc
Protanopia
#faf3db
Deuteranopia
#faf4dd
Tritanopia
#f9f2ee

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: beige;
background: #f5f5dc;
@theme {
  --color-beige-50: #f7f7de;
  --color-beige-100: #eaead1;
  --color-beige-200: #d3d3bb;
  --color-beige-300: #b6b69e;
  --color-beige-400: #9a9a83;
  --color-beige-500: #7c7c66;
  --color-beige-600: #62624c;
  --color-beige-700: #4c4c37;
  --color-beige-800: #373723;
  --color-beige-900: #23230f;
  --color-beige-950: #0f0e00;
}