#C94236

#C94236

Color Values

HEX

#C94236

RGB

201, 66, 54

HSL

4.9, 57.6%, 50.0%

HSV

4.9, 73.1%, 78.8%

CMYK

0.0%, 67.2%, 73.1%, 21.2%

OKLCH

0.5696 0.1733 28.7

Properties

Warm Dark Nearest: tomato 3

Color Harmonies

Complementary

#C94236

#36BDC9

Analogous

#C93674

#C98B36

#C94236

Triadic

#C94236

#36C942

#4236C9

Split Complementary

#C94236

#36C98B

#3674C9

Tetradic

#C94236

#74C936

#36BDC9

#8B36C9

Color Blindness Simulation

Original

#C94236

Protanopia

#8F8D39

Deuteranopia

#96A03A

Tritanopia

#C23B3C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #C94236;
color: #C94236;
border-color: #C94236;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF4F4
100
#F6E6E4
200
#F0CAC7
300
#E5A49F
400
#D7736A
500
#C94236
600
#A1352B
700
#812A23
800
#64211B
900
#4A1B17
950
#2E110F

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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