neutralwarmCSS named color
Beige #F5F5DC
A pale sandy neutral. A safe, warm background that pairs with almost any muted tone.
Use cases: Backgrounds · Minimal UI
Color values
| Format | Value | |
|---|---|---|
| HEX | #F5F5DC | |
| RGB | rgb(245, 245, 220) | |
| HSL | hsl(60, 56%, 91%) | |
| HSV | hsv(60, 10%, 96%) | |
| CMYK | cmyk(0%, 0%, 10.2%, 3.9%) | |
| XYZ | xyz(83.2254, 89.8851, 80.6614) | |
| CIE-LAB | lab(95.9, -4.2, 12.0) | |
| Luminance | 0.899 (WCAG relative) |
/* Beige */
color: #f5f5dc;
background-color: #f5f5dc;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#ddddc6 #c4c4b0 #acac9a #939384 #7b7b6e #626258 #4a4a42 #31312c #191916 #000000
Tints (toward white)
#f6f6e0 #f7f7e3 #f8f8e7 #f9f9ea #fafaee #fbfbf1 #fcfcf5 #fdfdf8 #fefefc #ffffff
Tones (toward gray)
#e9e9d3 #dedeca #d2d2c0 #c6c6b7 #bbbbae #afafa5 #a3a39c #979792 #8c8c89 #808080
Color harmonies
Complementary
Edit in generator →#F5F5DC
#DCDCF5
#f5f5dc #dcdcf5
Analogous
Edit in generator →#F5E8DC
#F5F5DC
#E8F5DC
#f5e8dc #f5f5dc #e8f5dc
Triadic
Edit in generator →#F5F5DC
#DCF5F5
#F5DCF5
#f5f5dc #dcf5f5 #f5dcf5
Tetradic
Edit in generator →#F5F5DC
#DCF5E8
#DCDCF5
#F5DCE8
#f5f5dc #dcf5e8 #dcdcf5 #f5dce8
Split Complementary
Edit in generator →#F5F5DC
#DCE8F5
#E8DCF5
#f5f5dc #dce8f5 #e8dcf5
Monochromatic
Edit in generator →#DADA7D
#E7E7AC
#F5F5DC
#F8F8E7
#F8F8E7
#dada7d #e7e7ac #f5f5dc #f8f8e7 #f8f8e7
Accessibility & contrast
1.11
#F5F5DC on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
18.98
#F5F5DC on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on beige
18.98
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Eggshell #F0EAD6 | 4.04 | |
| Ivory #FFFFF0 | 4.25 | |
| Cream #FFFDD0 | 5.83 | |
| Champagne #F7E7CE | 7.63 | |
| Warm Beige #E9DCC9 | 8.48 | |
| Off White #FAF9F6 | 9.11 |
Related colors
Palettes with beige
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.