#DFCCD1

#DFCCD1

Color Values

HEX

#DFCCD1

RGB

223, 204, 209

HSL

344.2, 22.9%, 83.7%

HSV

344.2, 8.5%, 87.5%

CMYK

0.0%, 8.5%, 6.3%, 12.5%

OKLCH

0.8623 0.0222 359.7

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#DFCCD1

#CCDFDA

Analogous

#DFCCDA

#DFD0CC

#DFCCD1

Triadic

#DFCCD1

#D1DFCC

#CCD1DF

Split Complementary

#DFCCD1

#CCDFD0

#CCDADF

Tetradic

#DFCCD1

#DADFCC

#CCDFDA

#D0CCDF

Color Blindness Simulation

Original

#DFCCD1

Protanopia

#D7D7D0

Deuteranopia

#D8D9CF

Tritanopia

#DECFCF

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E3D3D7
300
#D0B4BB
400
#B68B96
500
#9D6272
600
#7D4F5B
700
#643F49
800
#4E3139
900
#3A262C
950
#25181C

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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