#C50786

#C50786

Color Values

HEX

#C50786

RGB

197, 7, 134

HSL

319.9, 93.1%, 40.0%

HSV

319.9, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 32.0%, 22.7%

OKLCH

0.5463 0.2264 348.5

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C50786

#07C546

Analogous

#A507C5

#C50727

#C50786

Triadic

#C50786

#86C507

#0786C5

Split Complementary

#C50786

#27C507

#07C5A5

Tetradic

#C50786

#C5A507

#07C546

#0727C5

Color Blindness Simulation

Original

#C50786

Protanopia

#737167

Deuteranopia

#7E8C60

Tritanopia

#BB4F4A

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE6
300
#FB89D5
400
#F849BE
500
#F609A7
600
#C50786
700
#9E066B
800
#7B0454
900
#59083E
950
#380527

Contrast Checker

Text on white

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