#ED3130

#ED3130

Color Values

HEX

#ED3130

RGB

237, 49, 48

HSL

0.3, 84.0%, 55.9%

HSV

0.3, 79.7%, 92.9%

CMYK

0.0%, 79.3%, 79.7%, 7.1%

OKLCH

0.6156 0.2226 27.0

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#ED3130

#30ECED

Analogous

#ED308E

#ED8F30

#ED3130

Triadic

#ED3130

#30ED31

#3130ED

Split Complementary

#ED3130

#30ED8F

#308EED

Tetradic

#ED3130

#8EED30

#30ECED

#8F30ED

Color Blindness Simulation

Original

#ED3130

Protanopia

#9C9A30

Deuteranopia

#A6B530

Tritanopia

#E43030

Achromatopsia

#595959

CSS Usage

background-color: #ED3130;
color: #ED3130;
border-color: #ED3130;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF2F2
100
#FAE1E0
200
#F9BEBD
300
#F58F8E
400
#F05251
500
#EB1514
600
#BC1110
700
#960E0D
800
#750B0A
900
#550C0C
950
#360807

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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