#C42DBB

#C42DBB

Color Values

HEX

#C42DBB

RGB

196, 45, 187

HSL

303,6, 62,7%, 47,3%

HSV

303,6, 77,0%, 76,9%

CMYK

0,0%, 77,0%, 4,6%, 23,1%

OKLCH

0,5874 0,2354 330,8

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C42DBB

#2DC436

Analogous

#822DC4

#C42D70

#C42DBB

Triadic

#C42DBB

#BBC42D

#2DBBC4

Split Complementary

#C42DBB

#70C42D

#2DC482

Tetradic

#C42DBB

#C4822D

#2DC436

#2D70C4

Color Blindness Simulation

Original

#C42DBB

Protanopia

#838199

Deuteranopia

#8B9790

Tritanopia

#BC7D78

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5EF
300
#E89BE4
400
#DC65D5
500
#CF30C6
600
#A6269E
700
#851E7F
800
#681863
900
#4C1549
950
#300D2E

Contrast Checker

Text on white

4,73:1

AA Pass AAA Fail

Text on black

4,44:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026