#D0A2EC

#D0A2EC

Color Values

HEX

#D0A2EC

RGB

208, 162, 236

HSL

277.3, 66.1%, 78.0%

HSV

277.3, 31.4%, 92.5%

CMYK

11.9%, 31.4%, 0.0%, 7.5%

OKLCH

0.78 0.1136 312.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D0A2EC

#BEECA2

Analogous

#ABA2EC

#ECA2E3

#D0A2EC

Triadic

#D0A2EC

#ECD0A2

#A2ECD0

Split Complementary

#D0A2EC

#E3ECA2

#A2ECAB

Tetradic

#D0A2EC

#ECABA2

#BEECA2

#A2E3EC

Color Blindness Simulation

Original

#D0A2EC

Protanopia

#BCBCDA

Deuteranopia

#BFC2D6

Tritanopia

#CECCC9

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E1C4F3
300
#CC99EA
400
#B062DF
500
#942BD4
600
#7623A9
700
#5F1C88
800
#4A166A
900
#37144D
950
#230C31

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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