#DFE4ED

#DFE4ED

Color Values

HEX

#DFE4ED

RGB

223, 228, 237

HSL

218.6, 28.0%, 90.2%

HSV

218.6, 5.9%, 92.9%

CMYK

5.9%, 3.8%, 0.0%, 7.1%

OKLCH

0.9177 0.0134 262.4

Properties

Cool Light Nearest: NCS S 1000-N Near White

Color Harmonies

Complementary

#DFE4ED

#EDE8DF

Analogous

#DFEBED

#E1DFED

#DFE4ED

Triadic

#DFE4ED

#EDDFE4

#E4EDDF

Split Complementary

#DFE4ED

#EDE1DF

#EBEDDF

Tetradic

#DFE4ED

#EDDFEB

#EDE8DF

#DFEDE1

Color Blindness Simulation

Original

#DFE4ED

Protanopia

#E1E1EB

Deuteranopia

#E1E0EA

Tritanopia

#DFE9E9

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D1D8E5
300
#B1BDD3
400
#8699BB
500
#5C75A3
600
#495E83
700
#3B4B68
800
#2E3B52
900
#242D3D
950
#171C26

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026