#DEE8F9

#DEE8F9

Color Values

HEX

#DEE8F9

RGB

222, 232, 249

HSL

217.8, 69.2%, 92.4%

HSV

217.8, 10.8%, 97.6%

CMYK

10.8%, 6.8%, 0.0%, 2.4%

OKLCH

0.9285 0.0255 261.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEE8F9

#F9EFDE

Analogous

#DEF6F9

#E2DEF9

#DEE8F9

Triadic

#DEE8F9

#F9DEE8

#E8F9DE

Split Complementary

#DEE8F9

#F9E2DE

#F6F9DE

Tetradic

#DEE8F9

#F9DEF6

#F9EFDE

#DEF9E2

Color Blindness Simulation

Original

#DEE8F9

Protanopia

#E2E2F5

Deuteranopia

#E2E1F4

Tritanopia

#DEF2F1

Achromatopsia

#E7E7E7

CSS Usage

background-color: #DEE8F9;
color: #DEE8F9;
border-color: #DEE8F9;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C3D5F4
300
#97B7EC
400
#5F90E2
500
#2769D8
600
#1F54AD
700
#19438A
800
#14346C
900
#12294F
950
#0C1A32

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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