#DEE5F9

#DEE5F9

Color Values

HEX

#DEE5F9

RGB

222, 229, 249

HSL

224.4, 69.2%, 92.4%

HSV

224.4, 10.8%, 97.6%

CMYK

10.8%, 8.0%, 0.0%, 2.4%

OKLCH

0.9226 0.0282 270.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEE5F9

#F9F2DE

Analogous

#DEF3F9

#E5DEF9

#DEE5F9

Triadic

#DEE5F9

#F9DEE5

#E5F9DE

Split Complementary

#DEE5F9

#F9E5DE

#F3F9DE

Tetradic

#DEE5F9

#F9DEF3

#F9F2DE

#DEF9E5

Color Blindness Simulation

Original

#DEE5F9

Protanopia

#E1E1F4

Deuteranopia

#E1E0F3

Tritanopia

#DEF0F0

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E8F8
200
#C3CFF4
300
#97ADEC
400
#5F81E2
500
#2755D8
600
#1F44AD
700
#19368A
800
#142B6C
900
#12224F
950
#0C1532

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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