Beige (CSS)

Beige (CSS) is a very light, moderately saturated yellow color with the hex code #F5F5DC (hue 60°, saturation 56%, lightness 91%). It is also the CSS named color beige.

#F5F5DC

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Beige (CSS)	`#F5F5DC`	245, 245, 220	60°, 56%, 91%	0, 0, 10, 4	96.4% 0.033 107

Contrast with white text 1.11:1, with black text 18.98:1 — use black text on Beige (CSS).

beige is one of the 148 named colors in CSS, with exactly this value, so color: beige works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#F4F4D7

#E3E39C

#D2D260

#B3B333

#777722

#3C3C11

Colors that go with Beige (CSS)

Six color schemes built on Beige (CSS) with classic harmony rules. The complementary scheme pairs it with Nostalgia Perfume (#DBDBF7), the color opposite it on the color wheel.

Nearest CSS named colors

Cornsilk (cornsilk): Cornsilk (#FFF8DC) is about as light as Beige (CSS) (relative luminance 0.936 vs 0.899) and more saturated, with its hue 12° away.
Old Lace (oldlace): Old Lace (#FDF5E6) is about as light as Beige (CSS) (relative luminance 0.919 vs 0.899) and more saturated, with its hue 21° away.
Papaya Whip (papayawhip): Papaya Whip (#FFEFD5) is about as light as Beige (CSS) (relative luminance 0.878 vs 0.899) and more saturated, with its hue 23° away.
Light Goldenrod Yellow (lightgoldenrodyellow): Light Goldenrod Yellow (#FAFAD2) is about as light as Beige (CSS) (relative luminance 0.933 vs 0.899) and more saturated, with the same hue.

Similar very light yellow colors

Questions

What is the hex code for Beige (CSS)?

#F5F5DC — RGB 245, 245, 220, HSL 60°, 56%, 91%.

Is Beige (CSS) a warm or cool color?

Warm — its hue sits at 60° on the color wheel.