#C131C2

#C131C2

Color Values

HEX

#C131C2

RGB

193, 49, 194

HSL

299.6, 59.7%, 47.6%

HSV

299.6, 74.7%, 76.1%

CMYK

0.5%, 74.7%, 0.0%, 23.9%

OKLCH

0.5897 0.2354 327.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C131C2

#32C231

Analogous

#7831C2

#C2317A

#C131C2

Triadic

#C131C2

#C2C131

#31C2C1

Split Complementary

#C131C2

#7AC231

#31C278

Tetradic

#C131C2

#C27831

#32C231

#317AC2

Color Blindness Simulation

Original

#C131C2

Protanopia

#83819F

Deuteranopia

#8B9696

Tritanopia

#BA837D

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F0C6F1
300
#E69DE6
400
#D868D9
500
#CB33CC
600
#A229A3
700
#822182
800
#651A66
900
#4A164A
950
#2F0E2F

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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