#C70586

#C70586

Color Values

HEX

#C70586

RGB

199, 5, 134

HSL

320.1, 95.1%, 40.0%

HSV

320.1, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 32.7%, 22.0%

OKLCH

0.5494 0.2281 349.0

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C70586

#05C746

Analogous

#A705C7

#C70525

#C70586

Triadic

#C70586

#86C705

#0586C7

Split Complementary

#C70586

#25C705

#05C7A7

Tetradic

#C70586

#C7A705

#05C746

#0525C7

Color Blindness Simulation

Original

#C70586

Protanopia

#737167

Deuteranopia

#7E8D5F

Tritanopia

#BD4E49

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDFF2
200
#FDB9E7
300
#FC88D5
400
#FA47BE
500
#F906A8
600
#C70586
700
#9F046B
800
#7C0354
900
#5A073E
950
#390427

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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