#DFCCDB

#DFCCDB

Color Values

HEX

#DFCCDB

RGB

223, 204, 219

HSL

312,6, 22,9%, 83,7%

HSV

312,6, 8,5%, 87,5%

CMYK

0,0%, 8,5%, 1,8%, 12,5%

OKLCH

0,8652 0,0291 332,9

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFCCDB

#CCDFD0

Analogous

#D9CCDF

#DFCCD1

#DFCCDB

Triadic

#DFCCDB

#DBDFCC

#CCDBDF

Split Complementary

#DFCCDB

#D1DFCC

#CCDFD9

Tetradic

#DFCCDB

#DFD9CC

#CCDFD0

#CCD1DF

Color Blindness Simulation

Original

#DFCCDB

Protanopia

#D7D7D7

Deuteranopia

#D8D9D6

Tritanopia

#DED5D4

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3E0
300
#D0B4CA
400
#B68BAD
500
#9D6290
600
#7D4F74
700
#643F5C
800
#4E3148
900
#3A2636
950
#251822

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