#C50745

#C50745

Color Values

HEX

#C50745

RGB

197, 7, 69

HSL

340.4, 93.1%, 40.0%

HSV

340.4, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 65.0%, 22.7%

OKLCH

0.526 0.2075 13.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C50745

#07C587

Analogous

#C507A4

#C52807

#C50745

Triadic

#C50745

#45C507

#0745C5

Split Complementary

#C50745

#07C528

#07A4C5

Tetradic

#C50745

#A4C507

#07C587

#2807C5

Color Blindness Simulation

Original

#C50745

Protanopia

#737136

Deuteranopia

#7E8C32

Tritanopia

#BB2A28

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FDBAD0
300
#FB89AE
400
#F84982
500
#F60956
600
#C50745
700
#9E0637
800
#7B042B
900
#590822
950
#380516

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

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