#DEE4F0

#DEE4F0

Color Values

HEX

#DEE4F0

RGB

222, 228, 240

HSL

220.0, 37.5%, 90.6%

HSV

220.0, 7.5%, 94.1%

CMYK

7.5%, 5.0%, 0.0%, 5.9%

OKLCH

0.9178 0.0175 264.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEE4F0

#F0EADE

Analogous

#DEEDF0

#E1DEF0

#DEE4F0

Triadic

#DEE4F0

#F0DEE4

#E4F0DE

Split Complementary

#DEE4F0

#F0E1DE

#EDF0DE

Tetradic

#DEE4F0

#F0DEED

#F0EADE

#DEF0E1

Color Blindness Simulation

Original

#DEE4F0

Protanopia

#E1E1ED

Deuteranopia

#E0E0EC

Tritanopia

#DEEBEA

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CED7E9
300
#ABBAD9
400
#7D95C4
500
#5070AF
600
#40598C
700
#334770
800
#283858
900
#202B41
950
#141B29

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.46:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026