#ED7112

#ED7112

Color Values

HEX

#ED7112

RGB

237, 113, 18

HSL

26.0, 85.9%, 50.0%

HSV

26.0, 92.4%, 92.9%

CMYK

0.0%, 52.3%, 92.4%, 7.1%

OKLCH

0.6846 0.1774 49.4

Properties

Warm Light Nearest: RAL 2000 Yellow Orange

Color Harmonies

Complementary

#ED7112

#128EED

Analogous

#ED1221

#EDDE12

#ED7112

Triadic

#ED7112

#12ED71

#7112ED

Split Complementary

#ED7112

#12EDDE

#1221ED

Tetradic

#ED7112

#21ED12

#128EED

#DE12ED

Color Blindness Simulation

Original

#ED7112

Protanopia

#B7B629

Deuteranopia

#BEC82E

Tritanopia

#E73B3F

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEBE0
200
#FAD7BD
300
#F6BB8D
400
#F29650
500
#ED7112
600
#BE5A0E
700
#98480C
800
#773809
900
#562B0B
950
#361B07

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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