#C60653

#C60653

Color Values

HEX

#C60653

RGB

198, 6, 83

HSL

335.9, 94.1%, 40.0%

HSV

335.9, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 58.1%, 22.4%

OKLCH

0.5308 0.2101 8.6

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#C60653

#06C679

Analogous

#C606B3

#C61906

#C60653

Triadic

#C60653

#53C606

#0653C6

Split Complementary

#C60653

#06C619

#06B3C6

Tetradic

#C60653

#B3C606

#06C679

#1906C6

Color Blindness Simulation

Original

#C60653

Protanopia

#737140

Deuteranopia

#7E8C3C

Tritanopia

#BC322E

Achromatopsia

#343434

CSS Usage

background-color: #C60653;
color: #C60653;
border-color: #C60653;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD5
300
#FB88B6
400
#F9488F
500
#F70868
600
#C60653
700
#9E0542
800
#7C0434
900
#590728
950
#39051A

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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