#DFD7E4

#DFD7E4

Color Values

HEX

#DFD7E4

RGB

223, 215, 228

HSL

276.9, 19.4%, 86.9%

HSV

276.9, 5.7%, 89.4%

CMYK

2.2%, 5.7%, 0.0%, 10.6%

OKLCH

0.8893 0.0195 312.8

Properties

Cool Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#DFD7E4

#DCE4D7

Analogous

#D9D7E4

#E4D7E3

#DFD7E4

Triadic

#DFD7E4

#E4DFD7

#D7E4DF

Split Complementary

#DFD7E4

#E3E4D7

#D7E4D9

Tetradic

#DFD7E4

#E4D9D7

#DCE4D7

#D7E3E4

Color Blindness Simulation

Original

#DFD7E4

Protanopia

#DCDBE1

Deuteranopia

#DCDDE0

Tritanopia

#DFDEDE

Achromatopsia

#DADADA

CSS Usage

background-color: #DFD7E4;
color: #DFD7E4;
border-color: #DFD7E4;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD4E2
300
#C5B6CE
400
#A58EB3
500
#856798
600
#6B527A
700
#554261
800
#43334C
900
#322839
950
#201924

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.98: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