#DFCDD2

#DFCDD2

Color Values

HEX

#DFCDD2

RGB

223, 205, 210

HSL

343.3, 22.0%, 83.9%

HSV

343.3, 8.1%, 87.5%

CMYK

0.0%, 8.1%, 5.8%, 12.5%

OKLCH

0.8645 0.0211 358.8

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#DFCDD2

#CDDFDA

Analogous

#DFCDDB

#DFD1CD

#DFCDD2

Triadic

#DFCDD2

#D2DFCD

#CDD2DF

Split Complementary

#DFCDD2

#CDDFD1

#CDDBDF

Tetradic

#DFCDD2

#DBDFCD

#CDDFDA

#D1CDDF

Color Blindness Simulation

Original

#DFCDD2

Protanopia

#D7D7D1

Deuteranopia

#D8DAD0

Tritanopia

#DED0D0

Achromatopsia

#D1D1D1

CSS Usage

background-color: #DFCDD2;
color: #DFCDD2;
border-color: #DFCDD2;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E3D3D8
300
#CFB4BC
400
#B58C97
500
#9C6373
600
#7C505C
700
#64404A
800
#4E323A
900
#3A272C
950
#25191C

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.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