#CA97FA

#CA97FA

Color Values

HEX

#CA97FA

RGB

202, 151, 250

HSL

270.9, 90.8%, 78.6%

HSV

270.9, 39.6%, 98.0%

CMYK

19.2%, 39.6%, 0.0%, 2.0%

OKLCH

0.7615 0.1468 306.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#CA97FA

#C7FA97

Analogous

#9897FA

#FA97F8

#CA97FA

Triadic

#CA97FA

#FACA97

#97FACA

Split Complementary

#CA97FA

#F8FA97

#97FA98

Tetradic

#CA97FA

#FA9897

#C7FA97

#97F8FA

Color Blindness Simulation

Original

#CA97FA

Protanopia

#B4B3E2

Deuteranopia

#B7BBDC

Tritanopia

#C7CFCB

Achromatopsia

#A9A9A9

CSS Usage

background-color: #CA97FA;
color: #CA97FA;
border-color: #CA97FA;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DCBBFC
300
#C38AF9
400
#A34BF6
500
#830CF3
600
#6909C3
700
#54089C
800
#41067A
900
#320958
950
#1F0638

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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