#D9C7DF

#D9C7DF

Color Values

HEX

#D9C7DF

RGB

217, 199, 223

HSL

285,0, 27,3%, 82,7%

HSV

285,0, 10,8%, 87,5%

CMYK

2,7%, 10,8%, 0,0%, 12,5%

OKLCH

0,8518 0,0381 317,7

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#D9C7DF

#CDDFC7

Analogous

#CDC7DF

#DFC7D9

#D9C7DF

Triadic

#D9C7DF

#DFD9C7

#C7DFD9

Split Complementary

#D9C7DF

#D9DFC7

#C7DFCD

Tetradic

#D9C7DF

#DFCDC7

#CDDFC7

#C7D9DF

Color Blindness Simulation

Original

#D9C7DF

Protanopia

#D1D1D9

Deuteranopia

#D2D4D8

Tritanopia

#D8D5D4

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E0D2E5
300
#CAB1D3
400
#AE87BA
500
#915DA2
600
#744A82
700
#5D3B68
800
#482E51
900
#36253C
950
#221726

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

13,19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026