#D2CCED

#D2CCED

Color Values

HEX

#D2CCED

RGB

210, 204, 237

HSL

250,9, 47,8%, 86,5%

HSV

250,9, 13,9%, 92,9%

CMYK

11,4%, 13,9%, 0,0%, 7,1%

OKLCH

0,8604 0,0457 293,8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D2CCED

#E7EDCC

Analogous

#CCD7ED

#E3CCED

#D2CCED

Triadic

#D2CCED

#EDD2CC

#CCEDD2

Split Complementary

#D2CCED

#EDE3CC

#D7EDCC

Tetradic

#D2CCED

#EDCCD7

#E7EDCC

#CCEDE3

Color Blindness Simulation

Original

#D2CCED

Protanopia

#CFCFE5

Deuteranopia

#D0D0E3

Tritanopia

#D2DFDD

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E9E6F4
200
#D0CAEC
300
#AFA5DF
400
#8474CE
500
#5943BC
600
#473597
700
#392B79
800
#2C215E
900
#231C45
950
#16112C

Contrast Checker

Text on white

1,54:1

AA Fail AAA Fail

Text on black

13,6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026