#DCC3D6

#DCC3D6

Color Values

HEX

#DCC3D6

RGB

220, 195, 214

HSL

314.4, 26.3%, 81.4%

HSV

314.4, 11.4%, 86.3%

CMYK

0.0%, 11.4%, 2.7%, 13.7%

OKLCH

0.8438 0.0379 334.2

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DCC3D6

#C3DCC9

Analogous

#D6C3DC

#DCC3CA

#DCC3D6

Triadic

#DCC3D6

#D6DCC3

#C3D6DC

Split Complementary

#DCC3D6

#CADCC3

#C3DCD6

Tetradic

#DCC3D6

#DCD6C3

#C3DCC9

#C3CADC

Color Blindness Simulation

Original

#DCC3D6

Protanopia

#D1D1D1

Deuteranopia

#D3D4D0

Tritanopia

#DBCECD

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2E0
300
#D2B2CA
400
#B988AE
500
#A15E91
600
#814B74
700
#673C5D
800
#512F48
900
#3C2536
950
#261722

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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