#DEE3EF

#DEE3EF

Color Values

HEX

#DEE3EF

RGB

222, 227, 239

HSL

222.4, 34.7%, 90.4%

HSV

222.4, 7.1%, 93.7%

CMYK

7.1%, 5.0%, 0.0%, 6.3%

OKLCH

0.9155 0.0172 267.8

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEE3EF

#EFEADE

Analogous

#DEECEF

#E2DEEF

#DEE3EF

Triadic

#DEE3EF

#EFDEE3

#E3EFDE

Split Complementary

#DEE3EF

#EFE2DE

#ECEFDE

Tetradic

#DEE3EF

#EFDEEC

#EFEADE

#DEEFE2

Color Blindness Simulation

Original

#DEE3EF

Protanopia

#E0E0EC

Deuteranopia

#E0DFEB

Tritanopia

#DEEAE9

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E8
300
#ADB9D7
400
#8093C1
500
#536DAC
600
#435789
700
#35466E
800
#2A3756
900
#212A40
950
#151B28

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.34:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026