#DCC0D4

#DCC0D4

Color Values

HEX

#DCC0D4

RGB

220, 192, 212

HSL

317.1, 28.6%, 80.8%

HSV

317.1, 12.7%, 86.3%

CMYK

0.0%, 12.7%, 3.6%, 13.7%

OKLCH

0.8374 0.0414 336.2

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DCC0D4

#C0DCC8

Analogous

#D6C0DC

#DCC0C6

#DCC0D4

Triadic

#DCC0D4

#D4DCC0

#C0D4DC

Split Complementary

#DCC0D4

#C6DCC0

#C0DCD6

Tetradic

#DCC0D4

#DCD6C0

#C0DCC8

#C0C6DC

Color Blindness Simulation

Original

#DCC0D4

Protanopia

#D0D0CF

Deuteranopia

#D2D4CE

Tritanopia

#DBCBCA

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F1E9EF
200
#E6D1E0
300
#D3B0C9
400
#BC86AC
500
#A45B8F
600
#834973
700
#693A5C
800
#522E48
900
#3D2436
950
#261722

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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