#ED9012

#ED9012

Color Values

HEX

#ED9012

RGB

237, 144, 18

HSL

34.5, 85.9%, 50.0%

HSV

34.5, 92.4%, 92.9%

CMYK

0.0%, 39.2%, 92.4%, 7.1%

OKLCH

0.7344 0.1614 64.8

Properties

Warm Light Nearest: orange 2

Color Harmonies

Complementary

#ED9012

#126FED

Analogous

#ED2212

#DDED12

#ED9012

Triadic

#ED9012

#12ED90

#9012ED

Split Complementary

#ED9012

#12DDED

#2212ED

Tetradic

#ED9012

#12ED22

#126FED

#ED12DD

Color Blindness Simulation

Original

#ED9012

Protanopia

#C5C430

Deuteranopia

#CAD138

Tritanopia

#E8494E

Achromatopsia

#9B9B9B

CSS Usage

background-color: #ED9012;
color: #ED9012;
border-color: #ED9012;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#FAE0BD
300
#F6CA8D
400
#F2AD50
500
#ED9012
600
#BE730E
700
#985C0C
800
#774809
900
#56360B
950
#362207

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.6:1

AA Pass AAA Pass

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