#D4CCEF

#D4CCEF

Color Values

HEX

#D4CCEF

RGB

212, 204, 239

HSL

253.7, 52.2%, 86.9%

HSV

253.7, 14.6%, 93.7%

CMYK

11.3%, 14.6%, 0.0%, 6.3%

OKLCH

0.8627 0.0487 295.8

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#D4CCEF

#E7EFCC

Analogous

#CCD6EF

#E6CCEF

#D4CCEF

Triadic

#D4CCEF

#EFD4CC

#CCEFD4

Split Complementary

#D4CCEF

#EFE6CC

#D6EFCC

Tetradic

#D4CCEF

#EFCCD6

#E7EFCC

#CCEFE6

Color Blindness Simulation

Original

#D4CCEF

Protanopia

#D1D0E7

Deuteranopia

#D1D2E4

Tritanopia

#D4E0DE

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#E9E5F5
200
#D1C9EE
300
#B0A2E2
400
#866FD2
500
#5B3DC2
600
#49319B
700
#3A277C
800
#2E1E61
900
#241A47
950
#17102D

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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