#C12ABC

#C12ABC

Color Values

HEX

#C12ABC

RGB

193, 42, 188

HSL

302,0, 64,3%, 46,1%

HSV

302,0, 78,2%, 75,7%

CMYK

0,0%, 78,2%, 2,6%, 24,3%

OKLCH

0,5815 0,2374 329,6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C12ABC

#2AC12F

Analogous

#7B2AC1

#C12A71

#C12ABC

Triadic

#C12ABC

#BCC12A

#2ABCC1

Split Complementary

#C12ABC

#71C12A

#2AC17B

Tetradic

#C12ABC

#C17B2A

#2AC12F

#2A71C1

Color Blindness Simulation

Original

#C12ABC

Protanopia

#807E99

Deuteranopia

#889490

Tritanopia

#B97D77

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F2C4F1
300
#E99AE7
400
#DD64D9
500
#D12ECC
600
#A824A3
700
#861D83
800
#691766
900
#4C144B
950
#300D2F

Contrast Checker

Text on white

4,86:1

AA Pass AAA Fail

Text on black

4,32: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