#DDEEE6

#DDEEE6

Color Values

HEX

#DDEEE6

RGB

221, 238, 230

HSL

151,8, 33,3%, 90,0%

HSV

151,8, 7,1%, 93,3%

CMYK

7,1%, 0,0%, 3,4%, 6,7%

OKLCH

0,9342 0,0209 166,1

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DDEEE6

#EEDDE5

Analogous

#DDEEDE

#DDEDEE

#DDEEE6

Triadic

#DDEEE6

#E6DDEE

#EEE6DD

Split Complementary

#DDEEE6

#EEDDED

#EEDEDD

Tetradic

#DDEEE6

#DEDDEE

#EEDDE5

#EDEEDD

Color Blindness Simulation

Original

#DDEEE6

Protanopia

#E4E5E8

Deuteranopia

#E3E2E8

Tritanopia

#DEE9EA

Achromatopsia

#EAEAEA

CSS Usage

background-color: #DDEEE6;
color: #DDEEE6;
border-color: #DDEEE6;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE7DC
300
#ADD6C3
400
#81C0A3
500
#55AA82
600
#448868
700
#366D53
800
#2B5541
900
#223F31
950
#15281F

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026