#D4C0DF

#D4C0DF

Color Values

HEX

#D4C0DF

RGB

212, 192, 223

HSL

278.7, 32.6%, 81.4%

HSV

278.7, 13.9%, 87.5%

CMYK

4.9%, 13.9%, 0.0%, 12.5%

OKLCH

0.8341 0.0478 313.7

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#D4C0DF

#CBDFC0

Analogous

#C5C0DF

#DFC0DB

#D4C0DF

Triadic

#D4C0DF

#DFD4C0

#C0DFD4

Split Complementary

#D4C0DF

#DBDFC0

#C0DFC5

Tetradic

#D4C0DF

#DFC5C0

#CBDFC0

#C0DBDF

Color Blindness Simulation

Original

#D4C0DF

Protanopia

#CBCBD8

Deuteranopia

#CCCED6

Tritanopia

#D3D2D0

Achromatopsia

#C6C6C6

CSS Usage

background-color: #D4C0DF;
color: #D4C0DF;
border-color: #D4C0DF;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#DFD0E7
300
#C8AED6
400
#AA82BF
500
#8C56A9
600
#704587
700
#59376C
800
#462B55
900
#35223F
950
#211628

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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