HEX Color #8AA016 (Olivedrab)

About #8AA016

The hex code #8AA016 represents a beautifully specific shade of yellow. Its closest recognized web color is Olivedrab. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 160, and 22.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 14% Cyan, 0% Magenta, 86% Yellow, and 37% Black. The HSL representation is 69.6° hue, 75.8% saturation, and 35.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8AA016

RGB138, 160, 22

HSL69.6°, 75.8%, 35.7%

CMYK14%, 0%, 86%, 37%

HSV69.6°, 86.2%, 62.7%

LAB62.2, -24.5, 61.1

XYZ23.2, 30.6, 5.4

Decimal9084950

Color Harmonies

Complementary

#8AA016 #2B16A0

Analogous

#A07116 #44A016

Triadic

#1689A0 #A01689

Tetradic

#16A071 #2B16A0 #A01644

Tints, Shades & Tones

Tints (Adding White)

#8AA016

#97AA2F

#A4B549

#B1BF63

#BECA7D

#CBD497

#D8DFB1

#E5E9CB

#F2F4E5

#FFFFFF

Shades (Adding Black)

#8AA016

#7A8E13

#6B7C11

#5C6A0E

#4C580C

#3D4709

#2E3507

#1E2304

#0F1102

#000000

WCAG Contrast Accessibility

2.95:1

Text on #FFFFFF

FAIL

7.12:1

Text on #000000

AAA

2.82:1

Text on #F8FAFC

FAIL

6.05:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #8AA016; }

.text-color { color: #8AA016; }

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

Similar Colors

Olivedrab

#6B8E23