#C02CC0

#C02CC0

Color Values

HEX

#C02CC0

RGB

192, 44, 192

HSL

300.0, 62.7%, 46.3%

HSV

300.0, 77.1%, 75.3%

CMYK

0.0%, 77.1%, 0.0%, 24.7%

OKLCH

0.5836 0.2381 328.1

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C02CC0

#2CC02C

Analogous

#762CC0

#C02C76

#C02CC0

Triadic

#C02CC0

#C0C02C

#2CC0C0

Split Complementary

#C02CC0

#76C02C

#2CC076

Tetradic

#C02CC0

#C0762C

#2CC02C

#2C76C0

Color Blindness Simulation

Original

#C02CC0

Protanopia

#807F9C

Deuteranopia

#889494

Tritanopia

#B9807A

Achromatopsia

#565656

CSS Usage

background-color: #C02CC0;
color: #C02CC0;
border-color: #C02CC0;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FB
100
#F7E4F7
200
#F2C5F2
300
#E89BE8
400
#DC65DC
500
#CF30CF
600
#A626A6
700
#851E85
800
#681868
900
#4C154C
950
#300D30

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail 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