#ED4012

#ED4012

Color Values

HEX

#ED4012

RGB

237, 64, 18

HSL

12.6, 85.9%, 50.0%

HSV

12.6, 92.4%, 92.9%

CMYK

0.0%, 73.0%, 92.4%, 7.1%

OKLCH

0.6256 0.2154 34.2

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#ED4012

#12BFED

Analogous

#ED1252

#EDAD12

#ED4012

Triadic

#ED4012

#12ED40

#4012ED

Split Complementary

#ED4012

#12EDAD

#1252ED

Tetradic

#ED4012

#52ED12

#12BFED

#AD12ED

Color Blindness Simulation

Original

#ED4012

Protanopia

#A2A11D

Deuteranopia

#ACB920

Tritanopia

#E42628

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FAE6E0
200
#FACABD
300
#F6A38D
400
#F27250
500
#ED4012
600
#BE330E
700
#98290C
800
#772009
900
#561B0B
950
#361107

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026