#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

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