#EDDCD2

#EDDCD2

Color Values

HEX

#EDDCD2

RGB

237, 220, 210

HSL

22.2, 42.9%, 87.6%

HSV

22.2, 11.4%, 92.9%

CMYK

0.0%, 7.2%, 11.4%, 7.1%

OKLCH

0.9055 0.0232 52.7

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#EDDCD2

#D2E3ED

Analogous

#EDD2D5

#EDE9D2

#EDDCD2

Triadic

#EDDCD2

#D2EDDC

#DCD2ED

Split Complementary

#EDDCD2

#D2EDE9

#D2D5ED

Tetradic

#EDDCD2

#D5EDD2

#D2E3ED

#E9D2ED

Color Blindness Simulation

Original

#EDDCD2

Protanopia

#E6E5D4

Deuteranopia

#E7E8D5

Tritanopia

#ECD6D7

Achromatopsia

#DFDFDF

CSS Usage

background-color: #EDDCD2;
color: #EDDCD2;
border-color: #EDDCD2;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FAF7F5
100
#F4EBE7
200
#EBD7CC
300
#DCBBA8
400
#C99678
500
#B67149
600
#925B3A
700
#75482F
800
#5B3924
900
#432C1E
950
#2A1C13

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.77:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026