HEX Color #E97C00 (Darkorange)

About #E97C00

The hex code #E97C00 represents a beautifully specific shade of orange. Designers often compare it to the standard color Darkorange. To achieve this exact tint on a monitor, you would use an RGB mix of 233, 124, and 0.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 47% M, 100% Y, and 9% K. The HSL representation is 31.9° hue, 100.0% saturation, and 45.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#E97C00

RGB233, 124, 0

HSL31.9°, 100.0%, 45.7%

CMYK0%, 47%, 100%, 9%

HSV31.9°, 100.0%, 91.4%

LAB63.1, 36.1, 70.1

XYZ40.8, 31.7, 4.0

Decimal15301632

Color Harmonies

Complementary

#E97C00 #006CE9

Analogous

#E90700 #E1E900

Triadic

#00E97C #7C00E9

Tetradic

#00E907 #006CE9 #E900E1

Tints, Shades & Tones

Tints (Adding White)

#E97C00

#EB8A1C

#ED9938

#F0A755

#F2B671

#F5C48D

#F7D3AA

#FAE1C6

#FCF0E2

#FFFFFF

Shades (Adding Black)

#E97C00

#CF6E00

#B56000

#9B5200

#814400

#673700

#4D2900

#331B00

#190D00

#000000

WCAG Contrast Accessibility

2.86:1

Text on #FFFFFF

FAIL

7.35:1

Text on #000000

AAA

2.73:1

Text on #F8FAFC

FAIL

6.25:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #E97C00; }

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

Similar Colors

Darkorange

#FF8C00