#CA75FA

#CA75FA

Color Values

HEX

#CA75FA

RGB

202, 117, 250

HSL

278.3, 93.0%, 72.0%

HSV

278.3, 53.2%, 98.0%

CMYK

19.2%, 53.2%, 0.0%, 2.0%

OKLCH

0.7086 0.2008 311.8

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#CA75FA

#A5FA75

Analogous

#8875FA

#FA75E8

#CA75FA

Triadic

#CA75FA

#FACA75

#75FACA

Split Complementary

#CA75FA

#E8FA75

#75FA88

Tetradic

#CA75FA

#FA8875

#A5FA75

#75E8FA

Color Blindness Simulation

Original

#CA75FA

Protanopia

#A5A4DA

Deuteranopia

#AAB0D2

Tritanopia

#C6C0BB

Achromatopsia

#919191

CSS Usage

background-color: #CA75FA;
color: #CA75FA;
border-color: #CA75FA;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E4BAFD
300
#D289FB
400
#B949F8
500
#A009F6
600
#8007C5
700
#67069D
800
#50047B
900
#3C0859
950
#260538

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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