#C12BC0

#C12BC0

Color Values

HEX

#C12BC0

RGB

193, 43, 192

HSL

300.4, 63.6%, 46.3%

HSV

300.4, 77.7%, 75.7%

CMYK

0.0%, 77.7%, 0.5%, 24.3%

OKLCH

0.5844 0.2394 328.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C12BC0

#2BC12C

Analogous

#772BC1

#C12B75

#C12BC0

Triadic

#C12BC0

#C0C12B

#2BC0C1

Split Complementary

#C12BC0

#75C12B

#2BC177

Tetradic

#C12BC0

#C1772B

#2BC12C

#2B75C1

Color Blindness Simulation

Original

#C12BC0

Protanopia

#807F9C

Deuteranopia

#899493

Tritanopia

#BA7F79

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F7
200
#F2C5F2
300
#E99BE8
400
#DD65DC
500
#D12ED0
600
#A725A6
700
#851E85
800
#681768
900
#4C154C
950
#300D30

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

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