#ED123C

#ED123C

Color Values

HEX

#ED123C

RGB

237, 18, 60

HSL

348.5, 85.9%, 50.0%

HSV

348.5, 92.4%, 92.9%

CMYK

0.0%, 92.4%, 74.7%, 7.1%

OKLCH

0.602 0.2364 21.2

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#ED123C

#12EDC3

Analogous

#ED12A9

#ED5612

#ED123C

Triadic

#ED123C

#3CED12

#123CED

Split Complementary

#ED123C

#12ED56

#12A9ED

Tetradic

#ED123C

#A9ED12

#12EDC3

#5612ED

Color Blindness Simulation

Original

#ED123C

Protanopia

#8E8C32

Deuteranopia

#9BAB2F

Tritanopia

#E22A28

Achromatopsia

#444444

CSS Usage

background-color: #ED123C;
color: #ED123C;
border-color: #ED123C;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF2F4
100
#FAE0E5
200
#FABDC8
300
#F68DA1
400
#F2506F
500
#ED123C
600
#BE0E30
700
#980C26
800
#77091E
900
#560B19
950
#360710

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026