#DFD0DA

#DFD0DA

Color Values

HEX

#DFD0DA

RGB

223, 208, 218

HSL

320,0, 19,0%, 84,5%

HSV

320,0, 6,7%, 87,5%

CMYK

0,0%, 6,7%, 2,2%, 12,5%

OKLCH

0,8727 0,0213 337,7

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#DFD0DA

#D0DFD5

Analogous

#DCD0DF

#DFD0D2

#DFD0DA

Triadic

#DFD0DA

#DADFD0

#D0DADF

Split Complementary

#DFD0DA

#D2DFD0

#D0DFDC

Tetradic

#DFD0DA

#DFDCD0

#D0DFD5

#D0D2DF

Color Blindness Simulation

Original

#DFD0DA

Protanopia

#D9D8D8

Deuteranopia

#D9DAD7

Tritanopia

#DED6D5

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DE
300
#CDB6C6
400
#B38FA7
500
#986788
600
#79536C
700
#614257
800
#4C3444
900
#392833
950
#241920

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,17: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