#CA01FE

#CA01FE

Color Values

HEX

#CA01FE

RGB

202, 1, 254

HSL

287.7, 99.2%, 50.0%

HSV

287.7, 99.6%, 99.6%

CMYK

20.5%, 99.6%, 0.0%, 0.4%

OKLCH

0.624 0.3053 316.1

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#CA01FE

#35FE01

Analogous

#4C01FE

#FE01B3

#CA01FE

Triadic

#CA01FE

#FECA01

#01FECA

Split Complementary

#CA01FE

#B3FE01

#01FE4C

Tetradic

#CA01FE

#FE4C01

#35FE01

#01B3FE

Color Blindness Simulation

Original

#CA01FE

Protanopia

#7371C1

Deuteranopia

#7F8EB2

Tritanopia

#C09086

Achromatopsia

#3E3E3E

CSS Usage

background-color: #CA01FE;
color: #CA01FE;
border-color: #CA01FE;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FBF1FE
100
#F6DEFC
200
#F0B8FF
300
#E685FF
400
#D843FE
500
#CA01FE
600
#A201CB
700
#8101A3
800
#65017F
900
#4A055C
950
#2F033A

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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