#D9CCF5

#D9CCF5

Color Values

HEX

#D9CCF5

RGB

217, 204, 245

HSL

259.0, 67.2%, 88.0%

HSV

259.0, 16.7%, 96.1%

CMYK

11.4%, 16.7%, 0.0%, 3.9%

OKLCH

0.8688 0.0576 299.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#D9CCF5

#E8F5CC

Analogous

#CCD3F5

#EDCCF5

#D9CCF5

Triadic

#D9CCF5

#F5D9CC

#CCF5D9

Split Complementary

#D9CCF5

#F5EDCC

#D3F5CC

Tetradic

#D9CCF5

#F5CCD3

#E8F5CC

#CCF5ED

Color Blindness Simulation

Original

#D9CCF5

Protanopia

#D3D3EB

Deuteranopia

#D4D5E9

Tritanopia

#D8E3E2

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#E9E3F7
200
#D3C3F3
300
#B399EB
400
#8961E0
500
#602AD5
600
#4D21AB
700
#3D1B88
800
#30156B
900
#26134E
950
#180C31

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.91:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026