#C50784

#C50784

Color Values

HEX

#C50784

RGB

197, 7, 132

HSL

320.5, 93.1%, 40.0%

HSV

320.5, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 33.0%, 22.7%

OKLCH

0.5455 0.2255 349.2

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C50784

#07C548

Analogous

#A707C5

#C50725

#C50784

Triadic

#C50784

#84C507

#0784C5

Split Complementary

#C50784

#25C507

#07C5A7

Tetradic

#C50784

#C5A707

#07C548

#0725C5

Color Blindness Simulation

Original

#C50784

Protanopia

#737166

Deuteranopia

#7E8C5E

Tritanopia

#BB4E49

Achromatopsia

#383838

CSS Usage

background-color: #C50784;
color: #C50784;
border-color: #C50784;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE6
300
#FB89D4
400
#F849BC
500
#F609A5
600
#C50784
700
#9E066A
800
#7B0453
900
#59083D
950
#380527

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026