#C60673

#C60673

Color Values

HEX

#C60673

RGB

198, 6, 115

HSL

325.9, 94.1%, 40.0%

HSV

325.9, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 41.9%, 22.4%

OKLCH

0.5405 0.219 355.9

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C60673

#06C659

Analogous

#B906C6

#C60613

#C60673

Triadic

#C60673

#73C606

#0673C6

Split Complementary

#C60673

#13C606

#06C6B9

Tetradic

#C60673

#C6B906

#06C659

#0613C6

Color Blindness Simulation

Original

#C60673

Protanopia

#737159

Deuteranopia

#7E8C52

Tritanopia

#BC443F

Achromatopsia

#373737

CSS Usage

background-color: #C60673;
color: #C60673;
border-color: #C60673;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FDBAE0
300
#FB88CA
400
#F948AD
500
#F70890
600
#C60673
700
#9E055C
800
#7C0448
900
#590736
950
#390522

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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