#DDEFEE

#DDEFEE

Color Values

HEX

#DDEFEE

RGB

221, 239, 238

HSL

176.7, 36.0%, 90.2%

HSV

176.7, 7.5%, 93.7%

CMYK

7.5%, 0.0%, 0.4%, 6.3%

OKLCH

0.9385 0.0191 192.8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DDEFEE

#EFDDDE

Analogous

#DDEFE5

#DDE7EF

#DDEFEE

Triadic

#DDEFEE

#EEDDEF

#EFEEDD

Split Complementary

#DDEFEE

#EFDDE7

#EFE5DD

Tetradic

#DDEFEE

#E5DDEF

#EFDDDE

#E7EFDD

Color Blindness Simulation

Original

#DDEFEE

Protanopia

#E5E5EE

Deuteranopia

#E4E2EE

Tritanopia

#DEEEEE

Achromatopsia

#EBEBEB

CSS Usage

background-color: #DDEFEE;
color: #DDEFEE;
border-color: #DDEFEE;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CEE8E7
300
#ACD8D5
400
#7FC3BF
500
#52ADA8
600
#418B87
700
#346F6C
800
#295754
900
#21403E
950
#152927

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.66: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