#C42CBA

#C42CBA

Color Values

HEX

#C42CBA

RGB

196, 44, 186

HSL

303.9, 63.3%, 47.1%

HSV

303.9, 77.6%, 76.9%

CMYK

0.0%, 77.6%, 5.1%, 23.1%

OKLCH

0.5862 0.2356 331.1

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C42CBA

#2CC436

Analogous

#822CC4

#C42C6E

#C42CBA

Triadic

#C42CBA

#BAC42C

#2CBAC4

Split Complementary

#C42CBA

#6EC42C

#2CC482

Tetradic

#C42CBA

#C4822C

#2CC436

#2C6EC4

Color Blindness Simulation

Original

#C42CBA

Protanopia

#828198

Deuteranopia

#8B968F

Tritanopia

#BC7C77

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5EF
300
#E99BE4
400
#DC65D5
500
#D02FC6
600
#A7259E
700
#851E7F
800
#681763
900
#4C1548
950
#300D2E

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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