#C60684

#C60684

Color Values

HEX

#C60684

RGB

198, 6, 132

HSL

320.6, 94.1%, 40.0%

HSV

320.6, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 33.3%, 22.4%

OKLCH

0.547 0.2263 349.5

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C60684

#06C648

Analogous

#A806C6

#C60624

#C60684

Triadic

#C60684

#84C606

#0684C6

Split Complementary

#C60684

#24C606

#06C6A8

Tetradic

#C60684

#C6A806

#06C648

#0624C6

Color Blindness Simulation

Original

#C60684

Protanopia

#737166

Deuteranopia

#7E8C5E

Tritanopia

#BC4D48

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE6
300
#FB88D4
400
#F948BC
500
#F708A5
600
#C60684
700
#9E056A
800
#7C0453
900
#59073D
950
#390527

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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