#DFE3EC

#DFE3EC

Color Values

HEX

#DFE3EC

RGB

223, 227, 236

HSL

221.5, 25.5%, 90.0%

HSV

221.5, 5.5%, 92.5%

CMYK

5.5%, 3.8%, 0.0%, 7.5%

OKLCH

0.9154 0.013 266.7

Properties

Cool Light Nearest: NCS S 1000-N Near White

Color Harmonies

Complementary

#DFE3EC

#ECE8DF

Analogous

#DFEAEC

#E1DFEC

#DFE3EC

Triadic

#DFE3EC

#ECDFE3

#E3ECDF

Split Complementary

#DFE3EC

#ECE1DF

#EAECDF

Tetradic

#DFE3EC

#ECDFEA

#ECE8DF

#DFECE1

Color Blindness Simulation

Original

#DFE3EC

Protanopia

#E1E1EA

Deuteranopia

#E0E0E9

Tritanopia

#DFE8E8

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D2D8E4
300
#B2BCD1
400
#8997B9
500
#5F73A0
600
#4C5C80
700
#3D4A66
800
#2F3A50
900
#252C3C
950
#181C26

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.34:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026