#CA97EC

#CA97EC

Color Values

HEX

#CA97EC

RGB

202, 151, 236

HSL

276.0, 69.1%, 75.9%

HSV

276.0, 36.0%, 92.5%

CMYK

14.4%, 36.0%, 0.0%, 7.5%

OKLCH

0.7551 0.1299 311.0

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CA97EC

#B9EC97

Analogous

#A097EC

#EC97E4

#CA97EC

Triadic

#CA97EC

#ECCA97

#97ECCA

Split Complementary

#CA97EC

#E4EC97

#97ECA0

Tetradic

#CA97EC

#ECA097

#B9EC97

#97E4EC

Color Blindness Simulation

Original

#CA97EC

Protanopia

#B4B3D7

Deuteranopia

#B7BBD2

Tritanopia

#C7C7C4

Achromatopsia

#A8A8A8

CSS Usage

background-color: #CA97EC;
color: #CA97EC;
border-color: #CA97EC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#E0C3F4
300
#CA98EC
400
#AE5FE2
500
#9127D8
600
#7420AC
700
#5D198A
800
#49146C
900
#36124F
950
#220C32

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.15:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026