#ED3F12

#ED3F12

Color Values

HEX

#ED3F12

RGB

237, 63, 18

HSL

12.3, 85.9%, 50.0%

HSV

12.3, 92.4%, 92.9%

CMYK

0.0%, 73.4%, 92.4%, 7.1%

OKLCH

0.6247 0.2161 34.0

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#ED3F12

#12C0ED

Analogous

#ED1253

#EDAC12

#ED3F12

Triadic

#ED3F12

#12ED3F

#3F12ED

Split Complementary

#ED3F12

#12EDAC

#1253ED

Tetradic

#ED3F12

#53ED12

#12C0ED

#AC12ED

Color Blindness Simulation

Original

#ED3F12

Protanopia

#A2A01D

Deuteranopia

#ACB920

Tritanopia

#E42527

Achromatopsia

#616161

CSS Usage

background-color: #ED3F12;
color: #ED3F12;
border-color: #ED3F12;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF4F2
100
#FAE5E0
200
#FAC9BD
300
#F6A38D
400
#F27150
500
#ED3F12
600
#BE320E
700
#98280C
800
#771F09
900
#561A0B
950
#361107

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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