Beige

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

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
Light Red
97%
#EDE8D0
Click to copy
Beige
100%
#E3EDCF
Click to copy
Light Yellow
97%

Complementary

#EDE8D0
Click to copy
Beige
100%
#CFD4ED
Click to copy
Light Blue
90%

Split Complementary

#EDE8D0
Click to copy
Beige
100%
#CFE3ED
Click to copy
Light Cyan
90%
#D9CFED
Click to copy
Light Blue
90%

Triadic

#EDE8D0
Click to copy
Beige
100%
#CFEDE8
Click to copy
Light Cyan
91%
#E8CFED
Click to copy
Light Purple
91%

Tetradic

#EDE8D0
Click to copy
Beige
100%
#CFEDD9
Click to copy
Light Green
93%
#CFD4ED
Click to copy
Light Blue
90%
#EDCFE3
Click to copy
Light Purple
93%

Square

#EDE8D0
Click to copy
Beige
100%
#CFEDD9
Click to copy
Light Green
93%
#CFD4ED
Click to copy
Light Blue
90%
#EDCFE3
Click to copy
Light Purple
93%

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