#C64246

#C64246

Color Values

HEX

#C64246

RGB

198, 66, 70

HSL

358.2, 53.7%, 51.8%

HSV

358.2, 66.7%, 77.6%

CMYK

0.0%, 66.7%, 64.6%, 22.4%

OKLCH

0.5671 0.1679 22.6

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#C64246

#42C6C2

Analogous

#C64288

#C68042

#C64246

Triadic

#C64246

#46C642

#4246C6

Split Complementary

#C64246

#42C680

#4288C6

Tetradic

#C64246

#88C642

#42C6C2

#8042C6

Color Blindness Simulation

Original

#C64246

Protanopia

#8D8C45

Deuteranopia

#949E45

Tritanopia

#BF4444

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E5
200
#EEC8C9
300
#E3A1A3
400
#D36E71
500
#C43B3F
600
#9D2F33
700
#7D2628
800
#621E20
900
#48191A
950
#2D1011

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

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