#ED7312

#ED7312

Color Values

HEX

#ED7312

RGB

237, 115, 18

HSL

26.6, 85.9%, 50.0%

HSV

26.6, 92.4%, 92.9%

CMYK

0.0%, 51.5%, 92.4%, 7.1%

OKLCH

0.6876 0.1761 50.3

Properties

Warm Light Nearest: RAL 2000 Yellow Orange

Color Harmonies

Complementary

#ED7312

#128CED

Analogous

#ED121E

#EDE112

#ED7312

Triadic

#ED7312

#12ED73

#7312ED

Split Complementary

#ED7312

#12EDE1

#121EED

Tetradic

#ED7312

#1EED12

#128CED

#E112ED

Color Blindness Simulation

Original

#ED7312

Protanopia

#B8B729

Deuteranopia

#BFC82F

Tritanopia

#E73C40

Achromatopsia

#868686

CSS Usage

background-color: #ED7312;
color: #ED7312;
border-color: #ED7312;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FAD8BD
300
#F6BC8D
400
#F29750
500
#ED7312
600
#BE5C0E
700
#984A0C
800
#773A09
900
#562C0B
950
#361C07

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.06:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026