#C02AD5

#C02AD5

Color Values

HEX

#C02AD5

RGB

192, 42, 213

HSL

292.6, 67.1%, 50.0%

HSV

292.6, 80.3%, 83.5%

CMYK

9.9%, 80.3%, 0.0%, 16.5%

OKLCH

0.5951 0.2553 322.3

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C02AD5

#3FD52A

Analogous

#6A2AD5

#D52A95

#C02AD5

Triadic

#C02AD5

#D5C02A

#2AD5C0

Split Complementary

#C02AD5

#95D52A

#2AD56A

Tetradic

#C02AD5

#D56A2A

#3FD52A

#2A95D5

Color Blindness Simulation

Original

#C02AD5

Protanopia

#7F7EAC

Deuteranopia

#8893A2

Tritanopia

#B88B84

Achromatopsia

#565656

CSS Usage

background-color: #C02AD5;
color: #C02AD5;
border-color: #C02AD5;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF3FC
100
#F5E3F7
200
#EDC3F3
300
#E199EB
400
#D061E0
500
#C02AD5
600
#9A22AA
700
#7B1B88
800
#60156B
900
#46134E
950
#2D0C31

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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