#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