#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026