#DEE2F9

#DEE2F9

Color Values

HEX

#DEE2F9

RGB

222, 226, 249

HSL

231.1, 69.2%, 92.4%

HSV

231.1, 10.8%, 97.6%

CMYK

10.8%, 9.2%, 0.0%, 2.4%

OKLCH

0.9167 0.0315 277.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEE2F9

#F9F5DE

Analogous

#DEF0F9

#E8DEF9

#DEE2F9

Triadic

#DEE2F9

#F9DEE2

#E2F9DE

Split Complementary

#DEE2F9

#F9E8DE

#F0F9DE

Tetradic

#DEE2F9

#F9DEF0

#F9F5DE

#DEF9E8

Color Blindness Simulation

Original

#DEE2F9

Protanopia

#E0E0F3

Deuteranopia

#E0DFF2

Tritanopia

#DEEFEE

Achromatopsia

#E3E3E3

CSS Usage

background-color: #DEE2F9;
color: #DEE2F9;
border-color: #DEE2F9;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F3F4FC
100
#E3E6F8
200
#C3CAF4
300
#97A4EC
400
#5F73E2
500
#2741D8
600
#1F34AD
700
#192A8A
800
#14216C
900
#121B4F
950
#0C1132

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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