#C42676

#C42676

Color Values

HEX

#C42676

RGB

196, 38, 118

HSL

329.6, 67.5%, 45.9%

HSV

329.6, 80.6%, 76.9%

CMYK

0.0%, 80.6%, 39.8%, 23.1%

OKLCH

0.5512 0.2015 355.8

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C42676

#26C474

Analogous

#C326C4

#C42627

#C42676

Triadic

#C42676

#76C426

#2676C4

Split Complementary

#C42676

#27C426

#26C4C3

Tetradic

#C42676

#C4C326

#26C474

#2627C4

Color Blindness Simulation

Original

#C42676

Protanopia

#807E63

Deuteranopia

#89955E

Tritanopia

#BC5350

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3ED
200
#F3C3DC
300
#EB98C2
400
#E061A1
500
#D62981
600
#AB2167
700
#891B52
800
#6B1540
900
#4E1331
950
#310C1F

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026