#CA59FF

#CA59FF

Color Values

HEX

#CA59FF

RGB

202, 89, 255

HSL

280.8, 100.0%, 67.5%

HSV

280.8, 65.1%, 100.0%

CMYK

20.8%, 65.1%, 0.0%, 0.0%

OKLCH

0.6761 0.2449 313.1

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#CA59FF

#8EFF59

Analogous

#7759FF

#FF59E1

#CA59FF

Triadic

#CA59FF

#FFCA59

#59FFCA

Split Complementary

#CA59FF

#E1FF59

#59FF77

Tetradic

#CA59FF

#FF7759

#8EFF59

#59E1FF

Color Blindness Simulation

Original

#CA59FF

Protanopia

#9998D7

Deuteranopia

#A0A8CD

Tritanopia

#C4B7B0

Achromatopsia

#7D7D7D

CSS Usage

background-color: #CA59FF;
color: #CA59FF;
border-color: #CA59FF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E8B8FF
300
#D885FF
400
#C342FF
500
#AD00FF
600
#8B00CC
700
#6F00A3
800
#570080
900
#40055C
950
#29033A

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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