#ED4944

#ED4944

Color Values

HEX

#ED4944

RGB

237, 73, 68

HSL

1.8, 82.4%, 59.8%

HSV

1.8, 71.3%, 92.9%

CMYK

0.0%, 69.2%, 71.3%, 7.1%

OKLCH

0.6384 0.2015 26.4

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#ED4944

#44E8ED

Analogous

#ED4493

#ED9E44

#ED4944

Triadic

#ED4944

#44ED49

#4944ED

Split Complementary

#ED4944

#44ED9E

#4493ED

Tetradic

#ED4944

#93ED44

#44E8ED

#9E44ED

Color Blindness Simulation

Original

#ED4944

Protanopia

#A6A545

Deuteranopia

#B0BC46

Tritanopia

#E54646

Achromatopsia

#6C6C6C

CSS Usage

background-color: #ED4944;
color: #ED4944;
border-color: #ED4944;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F2
100
#FAE1E1
200
#F9C0BE
300
#F4928F
400
#EE5853
500
#E91D16
600
#BA1712
700
#95120E
800
#740E0B
900
#540F0D
950
#350908

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.64:1

AA Pass 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