#8A8316

A dark, vivid yellow closely aligning with Olive.

About #8A8316

At its core, #8A8316 is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Olive. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 131, and 22.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 5% M, 84% Y, and 46% K. With a hue angle of 56.4 degrees, it sits comfortably in the yellow spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8A8316
RGB138, 131, 22
HSL56.4°, 72.5%, 31.4%
CMYK0%, 5%, 84%, 46%
HSV56.4°, 84.1%, 54.1%
LAB53.7, -9.4, 53.9
XYZ18.7, 21.7, 4.0
Decimal9077526

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.93:1
Text on #FFFFFF
AA Large
5.34:1
Text on #000000
AA
3.76:1
Text on #F8FAFC
AA Large
4.54:1
Text on #0F172A
AA

CSS Implementation

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

Similar Colors

Olive
#808000