#DDEDC2

#DDEDC2

Color Values

HEX

#DDEDC2

RGB

221, 237, 194

HSL

82.3, 54.4%, 84.5%

HSV

82.3, 18.1%, 92.9%

CMYK

6.8%, 0.0%, 18.1%, 7.1%

OKLCH

0.9231 0.0592 124.2

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DDEDC2

#D2C2ED

Analogous

#EDE7C2

#C7EDC2

#DDEDC2

Triadic

#DDEDC2

#C2DDED

#EDC2DD

Split Complementary

#DDEDC2

#C2C7ED

#E7C2ED

Tetradic

#DDEDC2

#C2EDE7

#D2C2ED

#EDC2C7

Color Blindness Simulation

Original

#DDEDC2

Protanopia

#E4E4CC

Deuteranopia

#E3E2CF

Tritanopia

#DED5D6

Achromatopsia

#E6E6E6

CSS Usage

background-color: #DDEDC2;
color: #DDEDC2;
border-color: #DDEDC2;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#E0EFC8
300
#CAE3A1
400
#AED46D
500
#91C53A
600
#749D2F
700
#5D7E25
800
#49621D
900
#374819
950
#222E10

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.97:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026