#C60F68

#C60F68

Color Values

HEX

#C60F68

RGB

198, 15, 104

HSL

330.8, 85.9%, 41.8%

HSV

330.8, 92.4%, 77.6%

CMYK

0.0%, 92.4%, 47.5%, 22.4%

OKLCH

0.539 0.2122 0.6

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C60F68

#0FC66D

Analogous

#C60FC4

#C6110F

#C60F68

Triadic

#C60F68

#68C60F

#0F68C6

Split Complementary

#C60F68

#0FC611

#0FC4C6

Tetradic

#C60F68

#C4C60F

#0FC66D

#110FC6

Color Blindness Simulation

Original

#C60F68

Protanopia

#777552

Deuteranopia

#818F4D

Tritanopia

#BD413E

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDA
300
#F68DC0
400
#F2509E
500
#ED127D
600
#BE0E64
700
#980C50
800
#77093E
900
#560B2F
950
#36071E

Contrast Checker

Text on white

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