HEX Color #A8A816 (Olive)

About #A8A816

The precise color #A8A816 is an excellent choice for modern design projects. 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 168, 168, and 22.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 0% M, 87% Y, and 34% K. The HSL representation is 60.0° hue, 76.8% saturation, and 37.3% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#A8A816

RGB168, 168, 22

HSL60.0°, 76.8%, 37.3%

CMYK0%, 0%, 87%, 34%

HSV60.0°, 86.9%, 65.9%

LAB66.8, -15.4, 65.9

XYZ30.3, 36.4, 6.2

Decimal11053078

Color Harmonies

Complementary

#A8A816 #1616A8

Analogous

#A85F16 #5FA816

Triadic

#16A7A8 #A816A7

Tetradic

#16A85F #1616A8 #A8165F

Tints, Shades & Tones

Tints (Adding White)

#A8A816

#B1B12F

#BBBB49

#C5C563

#CECE7D

#D8D897

#E2E2B1

#EBEBCB

#F5F5E5

#FFFFFF

Shades (Adding Black)

#A8A816

#959513

#828211

#70700E

#5D5D0C

#4A4A09

#383807

#252504

#121202

#000000

WCAG Contrast Accessibility

2.54:1

Text on #FFFFFF

FAIL

8.28:1

Text on #000000

AAA

2.42:1

Text on #F8FAFC

FAIL

7.04:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #A8A816; }

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

Similar Colors

Olive

#808000