#C60686

#C60686

Color Values

HEX

#C60686

RGB

198, 6, 134

HSL

320.0, 94.1%, 40.0%

HSV

320.0, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 32.3%, 22.4%

OKLCH

0.5479 0.2273 348.7

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C60686

#06C646

Analogous

#A606C6

#C60626

#C60686

Triadic

#C60686

#86C606

#0686C6

Split Complementary

#C60686

#26C606

#06C6A6

Tetradic

#C60686

#C6A606

#06C646

#0626C6

Color Blindness Simulation

Original

#C60686

Protanopia

#737167

Deuteranopia

#7E8C60

Tritanopia

#BC4F49

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE6
300
#FB88D5
400
#F948BE
500
#F708A7
600
#C60686
700
#9E056B
800
#7C0454
900
#59073E
950
#390527

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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