#DFD8DC

#DFD8DC

Color Values

HEX

#DFD8DC

RGB

223, 216, 220

HSL

325,7, 9,9%, 86,1%

HSV

325,7, 3,1%, 87,5%

CMYK

0,0%, 3,1%, 1,3%, 12,5%

OKLCH

0,8889 0,0093 341,8

Properties

Warm Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#DFD8DC

#D8DFDB

Analogous

#DFD8DF

#DFD8D9

#DFD8DC

Triadic

#DFD8DC

#DCDFD8

#D8DCDF

Split Complementary

#DFD8DC

#D9DFD8

#D8DFDF

Tetradic

#DFD8DC

#DFDFD8

#D8DFDB

#D8D9DF

Color Blindness Simulation

Original

#DFD8DC

Protanopia

#DCDCDB

Deuteranopia

#DCDDDB

Tritanopia

#DFDADA

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DC
300
#C8BCC3
400
#AA97A2
500
#8C7381
600
#705C67
700
#5A4A53
800
#463941
900
#352C31
950
#211C1F

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

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