#C53F42

#C53F42

Color Values

HEX

#C53F42

RGB

197, 63, 66

HSL

358.7, 53.6%, 51.0%

HSV

358.7, 68.0%, 77.3%

CMYK

0.0%, 68.0%, 66.5%, 22.7%

OKLCH

0.5614 0.1703 23.3

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#C53F42

#3FC5C2

Analogous

#C53F85

#C57F3F

#C53F42

Triadic

#C53F42

#42C53F

#3F42C5

Split Complementary

#C53F42

#3FC57F

#3F85C5

Tetradic

#C53F42

#85C53F

#3FC5C2

#7F3FC5

Color Blindness Simulation

Original

#C53F42

Protanopia

#8B8A41

Deuteranopia

#939D41

Tritanopia

#BE4141

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E5
200
#EEC8C9
300
#E3A1A2
400
#D36E70
500
#C43B3E
600
#9D2F32
700
#7D2628
800
#621E1F
900
#48191A
950
#2D1010

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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