#CA73C5

#CA73C5

Color Values

HEX

#CA73C5

RGB

202, 115, 197

HSL

303.4, 45.1%, 62.2%

HSV

303.4, 43.1%, 79.2%

CMYK

0.0%, 43.1%, 2.5%, 20.8%

OKLCH

0.6795 0.1505 329.2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CA73C5

#73CA78

Analogous

#A473CA

#CA739A

#CA73C5

Triadic

#CA73C5

#C5CA73

#73C5CA

Split Complementary

#CA73C5

#9ACA73

#73CAA4

Tetradic

#CA73C5

#CAA473

#73CA78

#739ACA

Color Blindness Simulation

Original

#CA73C5

Protanopia

#A4A4B1

Deuteranopia

#A9B0AC

Tritanopia

#C6A19E

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBEA
300
#DDA6DA
400
#CB76C6
500
#B946B2
600
#94388F
700
#762D72
800
#5D2359
900
#441D42
950
#2B122A

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

AA Pass AAA Fail

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