Beige is a very light, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #F5F5DC, which equals rgb(245, 245, 220) in RGB and hsl(60, 56%, 91%) in HSL. In print terms it converts to roughly C0 M0 Y10 K4, although exact CMYK results depend on the paper and color profile.
- HEX
#F5F5DC - RGB
245, 245, 220 - HSL
60°, 56%, 91% - CMYK
0, 0, 10, 4 - Family
Brown - Tone
Very light, moderately saturated
About Beige
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 18.98:1. Its complementary color is #DBDBF5.
Download Beige as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Beige color codes
| HEX | #F5F5DC |
|---|---|
| RGB | rgb(245, 245, 220) |
| HSL | hsl(60, 56%, 91%) |
| HSV | 60°, 10%, 96% |
| CMYK | 0%, 0%, 10%, 4% |
| Decimal | 16119260 |
Shades and tints of Beige
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFDF9 - 100
#FCFCF3 - 200
#FAFAEE - 300
#F8F8E8 - 400
#F7F7E2 - 500
#F5F5DC - 600
#CCCCB7 - 700
#A3A393 - 800
#7B7B6E - 900
#525249 - 950
#292925
Color harmonies for Beige
- Complementary
#DBDBF5≈ Palest Muted Blue - Analogous −30°
#F5E8DB≈ Palest Soft Tangerine - Analogous +30°
#E8F5DB≈ Palest Soft Spring Bud - Triadic +120°
#DBF5F5≈ Palest Soft Cyan - Triadic +240°
#F5DBF5≈ Palest Soft Magenta - Split 150°
#DBE8F5≈ Palest Muted Azure - Split 210°
#E8DBF5≈ Palest Muted Amethyst
Contrast and accessibility of Beige
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Beige | Aa | 1.11:1 | Fails |
| Black text on Beige | Aa | 18.98:1 | AAA (excellent) |
CSS code for Beige
background-color: #F5F5DC;color: #F5F5DC;background-color: rgb(245, 245, 220);background-color: hsl(60, 56%, 91%);:root { --color-beige: #F5F5DC; }class="bg-[#F5F5DC]"Colors similar to Beige
- Palest Soft Yellow
#F5F5D6 - Palest Soft Citron
#F2F5D6 - Palest Soft Gold
#F5F2D6 - Palest Muted Yellow
#F0F0DB - Palest Soft Lime
#EFF5D6 - Palest Soft Marigold
#F5EFD6 - Palest Muted Citron
#EEF0DB - Palest Muted Gold
#F0EEDB - Palest Soft Chartreuse
#ECF5D6 - Palest Bright Gold
#FAF6D1 - Cornsilk
#FFF8DC - Palest Muted Lime
#ECF0DB
More brown shades
- Burly Wood
#DEB887 - Tan
#D2B48C - Peru
#CD853F - Chocolate
#D2691E - Saddle Brown
#8B4513 - Dark Goldenrod
#B8860B - Sienna
#A0522D - Taupe
#483C32 - Rust
#B7410E - Ecru
#C2B280 - Mahogany
#C04000
Frequently asked questions
What is the HEX code for Beige?
The HEX code for Beige is #F5F5DC.
What is the RGB value of Beige?
Beige has an RGB value of 245, 245, 220 (rgb(245, 245, 220)). In HSL it is 60°, 56%, 91%.
What text color should I use on Beige?
Use black text on Beige. White text has a contrast ratio of 1.11:1 and black text has 18.98:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Beige?
The complementary color of Beige is #DBDBF5. Analogous colors #F5E8DB and #E8F5DB also pair well.