Beige #F5F5DC
A pale sandy neutral. A safe, warm background that pairs with almost any muted tone.
Use cases: Backgrounds · Minimal UI
Families: Yellows
Color values
| Format | Value | |
|---|---|---|
| HEX | #F5F5DC | |
| RGB | rgb(245, 245, 220) | |
| HSL | hsl(60, 56%, 91%) | |
| HSV | hsv(60, 10%, 96%) | |
| OKLCH | oklch(96.36% 0.033 107) | |
| OKLab | oklab(96.36% -0.0096 0.0314) | |
| 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) | |
| CIE-LCH | lch(95.9, 12.8, 109.2°) | |
| Luminance | 0.899 (WCAG relative) |
Source: W3C CSS named color. CSS keyword: beige.
Collections: Pastel Colors · Cream Colors
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
OKLCH ramp (perceptually uniform, modern CSS)
Shades (toward black)
Tints (toward white)
Tones (toward gray)
Color harmonies
Complementary
Edit in generator →Analogous
Edit in generator →Triadic
Edit in generator →Tetradic
Edit in generator →Square
Edit in generator →Split Complementary
Edit in generator →Monochromatic
Edit in generator →Accessibility & contrast
Best text on Beige
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. Open the contrast checker →
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₀₀) across the full color database.
| Color | Name | ΔE₀₀ |
|---|---|---|
| Lightyellow #FFFFE0 | 2.68 | |
| Cornsilk #FFF8DC | 3.11 | |
| Eggshell #F0EAD6 | 4.04 | |
| Ivory #FFFFF0 | 4.25 | |
| Lightgoldenrodyellow #FAFAD2 | 4.50 | |
| Pale #FFF9D0 | 5.03 |
Related colors
Combinations with Beige
a coastal and preppy staple: formal navy grounded by soft sandy neutrals
the utility pairing — olive canvas on sand; quiet, capable, calm
the coastline pairing — pale sand meeting deep water
Palettes with Beige
Colors that go with Beige
Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →
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.