#D2ABED

#D2ABED

Color Values

HEX

#D2ABED

RGB

210, 171, 237

HSL

275,5, 64,7%, 80,0%

HSV

275,5, 27,8%, 92,9%

CMYK

11,4%, 27,8%, 0,0%, 7,1%

OKLCH

0,7983 0,1002 311,0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2ABED

#C6EDAB

Analogous

#B1ABED

#EDABE7

#D2ABED

Triadic

#D2ABED

#EDD2AB

#ABEDD2

Split Complementary

#D2ABED

#E7EDAB

#ABEDB1

Tetradic

#D2ABED

#EDB1AB

#C6EDAB

#ABE7ED

Color Blindness Simulation

Original

#D2ABED

Protanopia

#C1C1DD

Deuteranopia

#C3C6D9

Tritanopia

#D0D0CE

Achromatopsia

#B8B8B8

CSS Usage

background-color: #D2ABED;
color: #D2ABED;
border-color: #D2ABED;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C4F2
300
#C99AE9
400
#AC64DE
500
#8F2DD2
600
#7224A8
700
#5B1D86
800
#471769
900
#36144D
950
#220D30

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026