#C60696

#C60696

Color Values

HEX

#C60696

RGB

198, 6, 150

HSL

315.0, 94.1%, 40.0%

HSV

315.0, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 24.2%, 22.4%

OKLCH

0.555 0.2356 343.0

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C60696

#06C636

Analogous

#9606C6

#C60636

#C60696

Triadic

#C60696

#96C606

#0696C6

Split Complementary

#C60696

#36C606

#06C696

Tetradic

#C60696

#C69606

#06C636

#0636C6

Color Blindness Simulation

Original

#C60696

Protanopia

#737173

Deuteranopia

#7E8C6B

Tritanopia

#BC5852

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FDBAEC
300
#FB88DF
400
#F948CD
500
#F708BB
600
#C60696
700
#9E0578
800
#7C045E
900
#590745
950
#39052C

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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