#DFD6DD

#DFD6DD

Color Values

HEX

#DFD6DD

RGB

223, 214, 221

HSL

313.3, 12.3%, 85.7%

HSV

313.3, 4.0%, 87.5%

CMYK

0.0%, 4.0%, 0.9%, 12.5%

OKLCH

0.8853 0.0136 333.1

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#DFD6DD

#D6DFD8

Analogous

#DDD6DF

#DFD6D9

#DFD6DD

Triadic

#DFD6DD

#DDDFD6

#D6DDDF

Split Complementary

#DFD6DD

#D9DFD6

#D6DFDD

Tetradic

#DFD6DD

#DFDDD6

#D6DFD8

#D6D9DF

Color Blindness Simulation

Original

#DFD6DD

Protanopia

#DBDBDB

Deuteranopia

#DCDCDB

Tritanopia

#DFDADA

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DE
300
#C9BAC6
400
#AC95A7
500
#8F7088
600
#73596D
700
#5C4857
800
#483844
900
#362B33
950
#221B20

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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