Beige hex code
The hex code for beige is #F5F5DC. In RGB that is rgb(245, 245, 220) and in HSL it is hsl(60, 56%, 91%).
The hex code for beige is #F5F5DC. In RGB that is rgb(245, 245, 220) and in HSL it is hsl(60, 56%, 91%).
Beige · #F5F5DC
Colour codes
- HEX
- #F5F5DC
- RGB
- rgb(245, 245, 220)
- HSL
- hsl(60, 56%, 91%)
- CMYK
- 0, 0, 10, 4
- CSS name
- beige
- Contrast on white
- 1.11:1
- Contrast on black
- 18.98:1
Tints and shades
20% lighter · #f7f7e3
40% lighter · #f9f9ea
60% lighter · #fbfbf1
80% lighter · #fdfdf8
20% darker · #c4c4b0
40% darker · #939384
60% darker · #626258
80% darker · #31312c
Complementary colour
Beige · #F5F5DC
Opposite on the colour wheel · #dbdbf5
Frequently asked questions
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%).
Can I use beige for text?
It has a contrast ratio of 1.11:1 on white and 18.98:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with beige?
Its complementary colour, opposite on the colour wheel, is #DBDBF5. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of beige instead.
Is beige a CSS colour name?
Yes. CSS accepts the keyword beige, so color: beige and color: #F5F5DC render exactly the same.