#C212C3

#C212C3

Color Values

HEX

#C212C3

RGB

194, 18, 195

HSL

299.7, 83.1%, 41.8%

HSV

299.7, 90.8%, 76.5%

CMYK

0.5%, 90.8%, 0.0%, 23.5%

OKLCH

0.5759 0.2577 328.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C212C3

#13C312

Analogous

#6A12C3

#C3126B

#C212C3

Triadic

#C212C3

#C3C212

#12C3C2

Split Complementary

#C212C3

#6BC312

#12C36A

Tetradic

#C212C3

#C36A12

#13C312

#126BC3

Color Blindness Simulation

Original

#C212C3

Protanopia

#767498

Deuteranopia

#808D8E

Tritanopia

#B9766F

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1FA
200
#F9BEF9
300
#F48FF5
400
#EE52EF
500
#E816E9
600
#BA11BB
700
#950E95
800
#740B75
900
#540C55
950
#350835

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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