#DDEAF3

#DDEAF3

Color Values

HEX

#DDEAF3

RGB

221, 234, 243

HSL

204.5, 47.8%, 91.0%

HSV

204.5, 9.1%, 95.3%

CMYK

9.1%, 3.7%, 0.0%, 4.7%

OKLCH

0.93 0.0185 237.8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DDEAF3

#F3E6DD

Analogous

#DDF3F1

#DDDFF3

#DDEAF3

Triadic

#DDEAF3

#F3DDEA

#EAF3DD

Split Complementary

#DDEAF3

#F3DDDF

#F3F1DD

Tetradic

#DDEAF3

#F1DDF3

#F3E6DD

#DFF3DD

Color Blindness Simulation

Original

#DDEAF3

Protanopia

#E3E3F1

Deuteranopia

#E2E1F0

Tritanopia

#DEEFEF

Achromatopsia

#E8E8E8

CSS Usage

background-color: #DDEAF3;
color: #DDEAF3;
border-color: #DDEAF3;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CADEEC
300
#A5C7DF
400
#74A9CE
500
#438BBC
600
#356F97
700
#2B5979
800
#21455E
900
#1C3445
950
#11212C

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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