- No data uploaded
- Instant results
Beige — #F5F5DC
Beige is the CSS named colour beige, hex #F5F5DC. It has a contrast ratio of 1.11:1 on white and 18.98:1 on black — best used as text on dark backgrounds.
Beige — #F5F5DC
Contrast on white 1.11:1 · on black 18.98:1
Tints
Shades
Complementary
Triadic
Analogous
Using Beige in code
CSS: color: beige; or color: #F5F5DC; · Tailwind: text-[#F5F5DC] · Android/Flutter: 0xFFF5F5DC
Beige colour harmonies
Complementary: #DCDCF5 · Triadic: #DCF5F5, #F5DCF5 · Analogous: #F5E9DC, #E9F5DC. Use tints for backgrounds and shades for hover states.
Beige in every colour format
| Format | Value |
|---|---|
| HEX | #F5F5DC |
| RGB | rgb(245, 245, 220) |
| HSL | hsl(60, 56%, 91%) |
| HSV | hsv(60, 10%, 96%) |
| CMYK | cmyk(0%, 0%, 10%, 4%) |
| CSS name | beige |
| Contrast on white | 1.11:1 |
| Contrast on black | 18.98:1 |
Frequently asked questions
What is the hex code for Beige?
#F5F5DC (CSS name: beige).
What is Beige in RGB?
rgb(245, 245, 220)
What colour goes well with Beige?
Its complementary colour #DCDCF5, or the analogous #F5E9DC and #E9F5DC.