#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026