#DFDFEA

#DFDFEA

Color Values

HEX

#DFDFEA

RGB

223, 223, 234

HSL

240,0, 20,8%, 89,6%

HSV

240,0, 4,7%, 91,8%

CMYK

4,7%, 4,7%, 0,0%, 8,2%

OKLCH

0,9069 0,0149 286,1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFDFEA

#EAEADF

Analogous

#DFE4EA

#E4DFEA

#DFDFEA

Triadic

#DFDFEA

#EADFDF

#DFEADF

Split Complementary

#DFDFEA

#EAE4DF

#E4EADF

Tetradic

#DFDFEA

#EADFE4

#EAEADF

#DFEAE4

Color Blindness Simulation

Original

#DFDFEA

Protanopia

#DFDFE7

Deuteranopia

#DFDFE7

Tritanopia

#DFE5E5

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B5B5CF
400
#8D8DB4
500
#65659A
600
#51517B
700
#414163
800
#32324D
900
#27273A
950
#191924

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,88:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026