Beige

#EDE8D0

What color is Beige?

Beige is a pale, warm off-white with a soft yellow-tan tone, hex #EDE8D0, close to unbleached linen. It has a gentle warmth that keeps it from reading as a flat or cool white.

What is the meaning of the color Beige?

French wool cloth exported in its natural, undyed state was called beige as early as the 1850s, the word referring to the raw color of unwashed sheep’s wool. The term entered English by 1877, recorded in that year’s edition of Littré’s French dictionary with the same textile meaning. Interior designers adopted it through the 20th century as a neutral base tone, and Benjamin Moore’s Classic Beige became one of the brand’s most referenced paint colors for exactly that purpose.

RGB
237, 232, 208
HSL
50°, 45%, 87%
CMYK
0, 2, 12, 7
HSV
50°, 12%, 93%
Beige color

What colors go with Beige?

Colors that pair well with Beige include:
Soft White: clean, airy contrast
Terracotta: warm earthy depth
Sage Green: calm, natural balance
Navy Blue: crisp, grounding contrast
Dusty Rose: soft, gentle warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #EDE8D0 color: #EDE8D0;
RGB 237, 232, 208 color: rgb(237, 232, 208);
RGB Percentage 93%, 91%, 82% color: rgb(93%, 91%, 82%);
CMYK 0%, 2%, 12%, 7% Not supported in CSS
HSL 50°, 45%, 87% color: hsl(50, 45%, 87%);
HSV 50°, 12%, 93% Not supported in CSS
CIE-LAB 70, 1, 8 color: lab(70% 1 8);
Decimal 15591632 Not supported in CSS

Color Variations

Shades

#EDE8CF
#E1D8AF
#D4C98F
#C8B96E
#BCAA4E
#A1903D
#817331
#615725

Tints

#FAF8F1
#F8F6EC
#F6F3E7
#F4F1E2
#F2EFDD
#F0ECD9
#EFEAD4
#EDE8CF

Tones

#EDE8CF
#EBE7D0
#EAE6D2
#E8E5D3
#E7E4D5
#E5E3D6
#E4E2D8
#E2E1D9

Hues

#EDE8CF
#DBEDCF
#CFEDD9
#CFEAED
#CFD4ED
#E0CFED
#EDCFE3
#EDD1CF

Color Harmonies

Analogous

#EDD9CF
Click to copy
#EDE8D0
Click to copy
100%
#E3EDCF
Click to copy

Complementary

#EDE8D0
Click to copy
100%
#CFD4ED
Click to copy

Split Complementary

#EDE8D0
Click to copy
100%
#CFE3ED
Click to copy
#D9CFED
Click to copy

Triadic

#EDE8D0
Click to copy
100%
#CFEDE8
Click to copy
#E8CFED
Click to copy

Tetradic

#EDE8D0
Click to copy
100%
#CFEDD9
Click to copy
#CFD4ED
Click to copy
#EDCFE3
Click to copy

Square

#EDE8D0
Click to copy
100%
#CFEDD9
Click to copy
#CFD4ED
Click to copy
#EDCFE3
Click to copy

CSS & Dev Snippets

CSS
.beige {
  color: #EDE8D0;
}
SCSS
$beige: #EDE8D0;
RGB
rgb(237, 232, 208)

Accessibility & Contrast

White background

1.23:1
1.23
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

17.05:1
17.05
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags