#ED122F

#ED122F

Color Values

HEX

#ED122F

RGB

237, 18, 47

HSL

352.1, 85.9%, 50.0%

HSV

352.1, 92.4%, 92.9%

CMYK

0.0%, 92.4%, 80.2%, 7.1%

OKLCH

0.6005 0.2372 24.3

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#ED122F

#12EDD0

Analogous

#ED129C

#ED6312

#ED122F

Triadic

#ED122F

#2FED12

#122FED

Split Complementary

#ED122F

#12ED63

#129CED

Tetradic

#ED122F

#9CED12

#12EDD0

#6312ED

Color Blindness Simulation

Original

#ED122F

Protanopia

#8E8C28

Deuteranopia

#9BAB26

Tritanopia

#E22221

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE0E4
200
#FABDC5
300
#F68D9B
400
#F25065
500
#ED122F
600
#BE0E25
700
#980C1E
800
#770917
900
#560B15
950
#36070D

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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