#C24939

#C24939

Color Values

HEX

#C24939

RGB

194, 73, 57

HSL

7.0, 54.6%, 49.2%

HSV

7.0, 70.6%, 76.1%

CMYK

0.0%, 62.4%, 70.6%, 23.9%

OKLCH

0.567 0.1584 30.2

Properties

Warm Dark Nearest: tomato 3

Color Harmonies

Complementary

#C24939

#39B2C2

Analogous

#C2396D

#C28D39

#C24939

Triadic

#C24939

#39C249

#4939C2

Split Complementary

#C24939

#39C28D

#396DC2

Tetradic

#C24939

#6DC239

#39B2C2

#8D39C2

Color Blindness Simulation

Original

#C24939

Protanopia

#8E8D3D

Deuteranopia

#959E3E

Tritanopia

#BC4041

Achromatopsia

#626262

CSS Usage

background-color: #C24939;
color: #C24939;
border-color: #C24939;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EFCCC8
300
#E3A8A0
400
#D4796D
500
#C54A3A
600
#9E3B2E
700
#7E2F25
800
#63251D
900
#481E19
950
#2E1310

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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