#DFDFE9

#DFDFE9

Color Values

HEX

#DFDFE9

RGB

223, 223, 233

HSL

240,0, 18,5%, 89,4%

HSV

240,0, 4,3%, 91,4%

CMYK

4,3%, 4,3%, 0,0%, 8,6%

OKLCH

0,9066 0,0135 286,1

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DFDFE9

#E9E9DF

Analogous

#DFE4E9

#E4DFE9

#DFDFE9

Triadic

#DFDFE9

#E9DFDF

#DFE9DF

Split Complementary

#DFDFE9

#E9E4DF

#E4E9DF

Tetradic

#DFDFE9

#E9DFE4

#E9E9DF

#DFE9E4

Color Blindness Simulation

Original

#DFDFE9

Protanopia

#DFDFE7

Deuteranopia

#DFDFE6

Tritanopia

#DFE5E4

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D5D5E2
300
#B6B6CD
400
#8F8FB2
500
#686897
600
#535379
700
#434361
800
#34344C
900
#282839
950
#1A1A24

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,87: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