#CAA0EB

#CAA0EB

Color Values

HEX

#CAA0EB

RGB

202, 160, 235

HSL

273.6, 65.2%, 77.5%

HSV

273.6, 31.9%, 92.2%

CMYK

14.0%, 31.9%, 0.0%, 7.8%

OKLCH

0.7704 0.1134 309.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAA0EB

#C1EBA0

Analogous

#A5A0EB

#EBA0E7

#CAA0EB

Triadic

#CAA0EB

#EBCAA0

#A0EBCA

Split Complementary

#CAA0EB

#E7EBA0

#A0EBA5

Tetradic

#CAA0EB

#EBA5A0

#C1EBA0

#A0E7EB

Color Blindness Simulation

Original

#CAA0EB

Protanopia

#B8B7D9

Deuteranopia

#BABDD4

Tritanopia

#C8CBC7

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F3
300
#C79AEA
400
#A863DE
500
#892CD3
600
#6E23A9
700
#581C87
800
#451669
900
#34144D
950
#210D31

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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