#C50787

#C50787

Color Values

HEX

#C50787

RGB

197, 7, 135

HSL

319.6, 93.1%, 40.0%

HSV

319.6, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 31.5%, 22.7%

OKLCH

0.5468 0.2269 348.1

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C50787

#07C545

Analogous

#A407C5

#C50728

#C50787

Triadic

#C50787

#87C507

#0787C5

Split Complementary

#C50787

#28C507

#07C5A4

Tetradic

#C50787

#C5A407

#07C545

#0728C5

Color Blindness Simulation

Original

#C50787

Protanopia

#737168

Deuteranopia

#7E8C61

Tritanopia

#BB504A

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE7
300
#FB89D6
400
#F849BF
500
#F609A9
600
#C50787
700
#9E066C
800
#7B0454
900
#59083F
950
#380527

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

3.75: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