HEX Color #E97500 (Darkorange)

About #E97500

When working with digital screens, the color #E97500 is rendered by mixing light. It is closely associated with the named CSS color Darkorange. This translates to an RGB value of rgb(233, 117, 0).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 50% magenta, 100% yellow, and 9% black. With a hue angle of 30.1 degrees, it sits comfortably in the orange spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#E97500

RGB233, 117, 0

HSL30.1°, 100.0%, 45.7%

CMYK0%, 50%, 100%, 9%

HSV30.1°, 100.0%, 91.4%

LAB61.7, 39.7, 69.2

XYZ40.0, 30.0, 3.7

Decimal15299840

Color Harmonies

Complementary

#E97500 #0073E9

Analogous

#E90000 #E8E900

Triadic

#00E975 #7500E9

Tetradic

#00E900 #0073E9 #E900E8

Tints, Shades & Tones

Tints (Adding White)

#E97500

#EB841C

#ED9338

#F0A355

#F2B271

#F5C18D

#F7D1AA

#FAE0C6

#FCEFE2

#FFFFFF

Shades (Adding Black)

#E97500

#CF6800

#B55B00

#9B4E00

#814100

#673400

#4D2700

#331A00

#190D00

#000000

WCAG Contrast Accessibility

3.00:1

Text on #FFFFFF

FAIL

7.01:1

Text on #000000

AAA

2.86:1

Text on #F8FAFC

FAIL

5.96:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #E97500; }

.text-color { color: #E97500; }

.border-color { border: 2px solid #E97500; }

Similar Colors

Darkorange

#FF8C00