#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

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026