Color reference

Beige #F5F5DC

Beige is the standard CSS named color #F5F5DC, a very light warm neutral with a subtle yellow direction.

Beige is the CSS named color keyword beige, standardized at #F5F5DC in sRGB.

Beige #F5F5DC 18.98:1 with black text

Color values

HEX#F5F5DC
RGBrgb(245, 245, 220)
HSLhsl(60 56% 91%)
HSV60°, 10%, 96%
CMYK0%, 0%, 10%, 4%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 18.98:1 — AA normal text passes
White text 1.11:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Beige

These steps are computed by RGB-mixing #F5F5DC toward white or black. They are generated values, not official named colors.

80% tint #FDFDF8
60% tint #FBFBF1
40% tint #F9F9EA
20% tint #F7F7E3
Base #F5F5DC
20% shade #C4C4B0
40% shade #939384
60% shade #626258
80% shade #31312C

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: beige;
}

You can use either beige or #F5F5DC in CSS; both resolve to the same sRGB color.