#DDEFDC

#DDEFDC

Color Values

HEX

#DDEFDC

RGB

221, 239, 220

HSL

116,8, 37,3%, 90,0%

HSV

116,8, 7,9%, 93,7%

CMYK

7,5%, 0,0%, 7,9%, 6,3%

OKLCH

0,9336 0,0317 143,9

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DDEFDC

#EEDCEF

Analogous

#E7EFDC

#DCEFE4

#DDEFDC

Triadic

#DDEFDC

#DCDDEF

#EFDCDD

Split Complementary

#DDEFDC

#E4DCEF

#EFDCE7

Tetradic

#DDEFDC

#DCE7EF

#EEDCEF

#EFE4DC

Color Blindness Simulation

Original

#DDEFDC

Protanopia

#E5E5E1

Deuteranopia

#E4E2E2

Tritanopia

#DEE4E5

Achromatopsia

#EAEAEA

CSS Usage

background-color: #DDEFDC;
color: #DDEFDC;
border-color: #DDEFDC;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFE9CE
300
#ADD9AB
400
#81C47D
500
#55AF50
600
#448C40
700
#367033
800
#2B5828
900
#224120
950
#152914

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

17,45:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026