#C60692

#C60692

Color Values

HEX

#C60692

RGB

198, 6, 146

HSL

316.2, 94.1%, 40.0%

HSV

316.2, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 26.3%, 22.4%

OKLCH

0.5531 0.2334 344.4

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C60692

#06C63A

Analogous

#9A06C6

#C60632

#C60692

Triadic

#C60692

#92C606

#0692C6

Split Complementary

#C60692

#32C606

#06C69A

Tetradic

#C60692

#C69A06

#06C63A

#0632C6

Color Blindness Simulation

Original

#C60692

Protanopia

#737170

Deuteranopia

#7E8C68

Tritanopia

#BC5550

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FDBAEB
300
#FB88DC
400
#F948C9
500
#F708B7
600
#C60692
700
#9E0575
800
#7C045B
900
#590743
950
#39052B

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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