#E9A00F

A medium, vivid orange closely aligning with Orange.

About #E9A00F

The hex code #E9A00F represents a beautifully specific shade of orange. If you're using CSS, you might find it aligns closely with Orange. To achieve this exact tint on a monitor, you would use an RGB mix of 233, 160, and 15.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 31% Magenta, 94% Yellow, and 9% Black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#E9A00F
RGB233, 160, 15
HSL39.9°, 87.9%, 48.6%
CMYK0%, 31%, 94%, 9%
HSV39.9°, 93.6%, 91.4%
LAB71.2, 17.4, 73.4
XYZ46.3, 42.5, 6.2
Decimal15310863

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

2.21:1
Text on #FFFFFF
FAIL
9.50:1
Text on #000000
AAA
2.11:1
Text on #F8FAFC
FAIL
8.08:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #E9A00F; }
.text-color { color: #E9A00F; }
.border-color { border: 2px solid #E9A00F; }

Similar Colors

Orange
#FFA500