#CA9FE2

#CA9FE2

Color Values

HEX

#CA9FE2

RGB

202, 159, 226

HSL

278.5, 53.6%, 75.5%

HSV

278.5, 29.6%, 88.6%

CMYK

10.6%, 29.6%, 0.0%, 11.4%

OKLCH

0.7649 0.1042 313.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CA9FE2

#B7E29F

Analogous

#A99FE2

#E29FD9

#CA9FE2

Triadic

#CA9FE2

#E2CA9F

#9FE2CA

Split Complementary

#CA9FE2

#D9E29F

#9FE2A9

Tetradic

#CA9FE2

#E2A99F

#B7E29F

#9FD9E2

Color Blindness Simulation

Original

#CA9FE2

Protanopia

#B7B7D2

Deuteranopia

#BABDCE

Tritanopia

#C8C5C2

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#E1C8EE
300
#CBA1E3
400
#AF6ED3
500
#933BC4
600
#752F9D
700
#5E267D
800
#491E62
900
#371948
950
#23102D

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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