What is the hex code for Beige?

The hex code for Beige is #F5F5DC. In RGB that is rgb(245, 245, 220), and in HSL it is hsl(60, 56%, 91%).

What RGB values make Beige?

Beige is 245 red, 245 green, and 220 blue, written as rgb(245, 245, 220).

Beige scores 1.11:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: beige directly in CSS, which every browser resolves to #F5F5DC.

#F5F5DC

Beige is a yellow tone at #F5F5DC. It sits at 60 degrees on the color wheel with 56% saturation and 91% lightness.

Color values

Tints mix Beige with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FDFDF8

Tint 60%

#FBFBF1

Tint 40%

#F9F9EA

Tint 20%

#F7F7E3

Base

#F5F5DC

Shade 20%

#C4C4B0

Shade 40%

#939384

Shade 60%

#626258

Shade 80%

#31312C

On white

Sample text

1.11:1

Fails WCAG for text

On black

Sample text

18.98:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Beige?: The hex code for Beige is #F5F5DC. In RGB that is rgb(245, 245, 220), and in HSL it is hsl(60, 56%, 91%).
What RGB values make Beige?: Beige is 245 red, 245 green, and 220 blue, written as rgb(245, 245, 220).
Is Beige readable as text on a white background?: Beige scores 1.11:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Beige a valid CSS color name?: Yes. You can write color: beige directly in CSS, which every browser resolves to #F5F5DC.