#DFC2D1

#DFC2D1

Color Values

HEX

#DFC2D1

RGB

223, 194, 209

HSL

329.0, 31.2%, 81.8%

HSV

329.0, 13.0%, 87.5%

CMYK

0.0%, 13.0%, 6.3%, 12.5%

OKLCH

0.843 0.0383 345.4

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFC2D1

#C2DFD0

Analogous

#DFC2DF

#DFC2C3

#DFC2D1

Triadic

#DFC2D1

#D1DFC2

#C2D1DF

Split Complementary

#DFC2D1

#C3DFC2

#C2DFDF

Tetradic

#DFC2D1

#DFDFC2

#C2DFD0

#C2C3DF

Color Blindness Simulation

Original

#DFC2D1

Protanopia

#D2D2CD

Deuteranopia

#D4D6CC

Tritanopia

#DECBCA

Achromatopsia

#C9C9C9

CSS Usage

background-color: #DFC2D1;
color: #DFC2D1;
border-color: #DFC2D1;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F5F7
100
#F2E8ED
200
#E6D0DC
300
#D5AFC2
400
#BE83A2
500
#A75881
600
#864667
700
#6B3852
800
#542C40
900
#3E2331
950
#27161F

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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