#C60642

#C60642

Color Values

HEX

#C60642

RGB

198, 6, 66

HSL

341.2, 94.1%, 40.0%

HSV

341.2, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 66.7%, 22.4%

OKLCH

0.527 0.2084 15.0

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C60642

#06C68A

Analogous

#C606A2

#C62A06

#C60642

Triadic

#C60642

#42C606

#0642C6

Split Complementary

#C60642

#06C62A

#06A2C6

Tetradic

#C60642

#A2C606

#06C68A

#2A06C6

Color Blindness Simulation

Original

#C60642

Protanopia

#737133

Deuteranopia

#7E8C30

Tritanopia

#BC2826

Achromatopsia

#333333

CSS Usage

background-color: #C60642;
color: #C60642;
border-color: #C60642;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FDBACF
300
#FB88AC
400
#F94880
500
#F70853
600
#C60642
700
#9E0535
800
#7C0429
900
#590721
950
#390515

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

3.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026