#DDEAF0

#DDEAF0

Color Values

HEX

#DDEAF0

RGB

221, 234, 240

HSL

198.9, 38.8%, 90.4%

HSV

198.9, 7.9%, 94.1%

CMYK

7.9%, 2.5%, 0.0%, 5.9%

OKLCH

0.9291 0.0161 227.0

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DDEAF0

#F0E3DD

Analogous

#DDF0ED

#DDE1F0

#DDEAF0

Triadic

#DDEAF0

#F0DDEA

#EAF0DD

Split Complementary

#DDEAF0

#F0DDE1

#F0EDDD

Tetradic

#DDEAF0

#EDDDF0

#F0E3DD

#E1F0DD

Color Blindness Simulation

Original

#DDEAF0

Protanopia

#E3E3EF

Deuteranopia

#E2E1EE

Tritanopia

#DEEDED

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDE0E9
300
#AACBDA
400
#7CAEC5
500
#4E92B1
600
#3E758E
700
#325D71
800
#274958
900
#203741
950
#142329

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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