#C64553

#C64553

Color Values

HEX

#C64553

RGB

198, 69, 83

HSL

353.5, 53.1%, 52.4%

HSV

353.5, 65.2%, 77.6%

CMYK

0.0%, 65.2%, 58.1%, 22.4%

OKLCH

0.573 0.1639 17.7

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#C64553

#45C6B8

Analogous

#C64594

#C67845

#C64553

Triadic

#C64553

#53C645

#4553C6

Split Complementary

#C64553

#45C678

#4594C6

Tetradic

#C64553

#94C645

#45C6B8

#7845C6

Color Blindness Simulation

Original

#C64553

Protanopia

#8E8D50

Deuteranopia

#969F4F

Tritanopia

#C04D4C

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC8CC
300
#E2A1A8
400
#D36F79
500
#C33C4A
600
#9C303C
700
#7D2630
800
#621E25
900
#48191E
950
#2D1013

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026