#DFCCCF

#DFCCCF

Color Values

HEX

#DFCCCF

RGB

223, 204, 207

HSL

350.5, 22.9%, 83.7%

HSV

350.5, 8.5%, 87.5%

CMYK

0.0%, 8.5%, 7.2%, 12.5%

OKLCH

0.8617 0.0216 6.7

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#DFCCCF

#CCDFDC

Analogous

#DFCCD8

#DFD2CC

#DFCCCF

Triadic

#DFCCCF

#CFDFCC

#CCCFDF

Split Complementary

#DFCCCF

#CCDFD2

#CCD8DF

Tetradic

#DFCCCF

#D8DFCC

#CCDFDC

#D2CCDF

Color Blindness Simulation

Original

#DFCCCF

Protanopia

#D7D7CE

Deuteranopia

#D8D9CE

Tritanopia

#DECECE

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAEB
200
#E3D3D6
300
#D0B4B8
400
#B68B92
500
#9D626C
600
#7D4F56
700
#643F45
800
#4E3136
900
#3A262A
950
#25181A

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.68: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