#DFCFD5

#DFCFD5

Color Values

HEX

#DFCFD5

RGB

223, 207, 213

HSL

337,5, 20,0%, 84,3%

HSV

337,5, 7,2%, 87,5%

CMYK

0,0%, 7,2%, 4,5%, 12,5%

OKLCH

0,8693 0,0194 352,7

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#DFCFD5

#CFDFD9

Analogous

#DFCFDD

#DFD1CF

#DFCFD5

Triadic

#DFCFD5

#D5DFCF

#CFD5DF

Split Complementary

#DFCFD5

#CFDFD1

#CFDDDF

Tetradic

#DFCFD5

#DDDFCF

#CFDFD9

#D1CFDF

Color Blindness Simulation

Original

#DFCFD5

Protanopia

#D8D8D4

Deuteranopia

#D9DAD3

Tritanopia

#DED2D2

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D4DA
300
#CEB6BF
400
#B48E9C
500
#996679
600
#7A5261
700
#62414E
800
#4D333D
900
#39282E
950
#24191D

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

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