#C012C0

#C012C0

Color Values

HEX

#C012C0

RGB

192, 18, 192

HSL

300.0, 82.9%, 41.2%

HSV

300.0, 90.6%, 75.3%

CMYK

0.0%, 90.6%, 0.0%, 24.7%

OKLCH

0.5709 0.2549 328.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C012C0

#12C012

Analogous

#6912C0

#C01269

#C012C0

Triadic

#C012C0

#C0C012

#12C0C0

Split Complementary

#C012C0

#69C012

#12C069

Tetradic

#C012C0

#C06912

#12C012

#1269C0

Color Blindness Simulation

Original

#C012C0

Protanopia

#757396

Deuteranopia

#7F8C8C

Tritanopia

#B7756D

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1FA
200
#F9BEF9
300
#F58FF5
400
#EF52EF
500
#E916E9
600
#BB11BB
700
#950E95
800
#750B75
900
#550C55
950
#350835

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026