#CA9EED

#CA9EED

Color Values

HEX

#CA9EED

RGB

202, 158, 237

HSL

273.4, 68.7%, 77.5%

HSV

273.4, 33.3%, 92.9%

CMYK

14.8%, 33.3%, 0.0%, 7.1%

OKLCH

0.7677 0.1193 309.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CA9EED

#C1ED9E

Analogous

#A39EED

#ED9EE9

#CA9EED

Triadic

#CA9EED

#EDCA9E

#9EEDCA

Split Complementary

#CA9EED

#E9ED9E

#9EEDA3

Tetradic

#CA9EED

#EDA39E

#C1ED9E

#9EE9ED

Color Blindness Simulation

Original

#CA9EED

Protanopia

#B7B7DA

Deuteranopia

#BABDD5

Tritanopia

#C8CBC7

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC3F4
300
#C798EC
400
#A860E1
500
#8928D7
600
#6E20AC
700
#581A8A
800
#45146C
900
#34124E
950
#210C32

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026