#C42576

#C42576

Color Values

HEX

#C42576

RGB

196, 37, 118

HSL

329,4, 68,2%, 45,7%

HSV

329,4, 81,1%, 76,9%

CMYK

0,0%, 81,1%, 39,8%, 23,1%

OKLCH

0,5505 0,2024 355,7

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C42576

#25C473

Analogous

#C225C4

#C42527

#C42576

Triadic

#C42576

#76C425

#2576C4

Split Complementary

#C42576

#27C425

#25C4C2

Tetradic

#C42576

#C4C225

#25C473

#2527C4

Color Blindness Simulation

Original

#C42576

Protanopia

#7F7E62

Deuteranopia

#88945E

Tritanopia

#BC5350

Achromatopsia

#4D4D4D

CSS Usage

background-color: #C42576;
color: #C42576;
border-color: #C42576;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F7
100
#F7E3ED
200
#F4C3DC
300
#EC98C3
400
#E160A2
500
#D62981
600
#AC2067
700
#891A53
800
#6B1441
900
#4E1331
950
#310C1F

Contrast Checker

Text on white

5,42:1

AA Pass AAA Fail

Text on black

3,87:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Şub 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026