#DFCCDA

#DFCCDA

Color Values

HEX

#DFCCDA

RGB

223, 204, 218

HSL

315.8, 22.9%, 83.7%

HSV

315.8, 8.5%, 87.5%

CMYK

0.0%, 8.5%, 2.2%, 12.5%

OKLCH

0.8649 0.0282 334.9

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFCCDA

#CCDFD1

Analogous

#DACCDF

#DFCCD0

#DFCCDA

Triadic

#DFCCDA

#DADFCC

#CCDADF

Split Complementary

#DFCCDA

#D0DFCC

#CCDFDA

Tetradic

#DFCCDA

#DFDACC

#CCDFD1

#CCD0DF

Color Blindness Simulation

Original

#DFCCDA

Protanopia

#D7D7D7

Deuteranopia

#D8D9D6

Tritanopia

#DED4D3

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3DF
300
#D0B4C8
400
#B68BAB
500
#9D628D
600
#7D4F71
700
#643F5A
800
#4E3147
900
#3A2635
950
#251822

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026