HEX Color #A8AF16 (Yellowgreen)

About #A8AF16

The hex code #A8AF16 represents a beautifully specific shade of yellow. Its closest recognized web color is Yellowgreen. This translates to an RGB value of rgb(168, 175, 22).

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 4% cyan, 0% magenta, 87% yellow, and 31% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#A8AF16

RGB168, 175, 22

HSL62.7°, 77.7%, 38.6%

CMYK4%, 0%, 87%, 31%

HSV62.7°, 87.4%, 68.6%

LAB68.8, -19.0, 67.5

XYZ31.6, 39.0, 6.6

Decimal11054870

Color Harmonies

Complementary

#A8AF16 #1D16AF

Analogous

#AF6916 #5BAF16

Triadic

#16A7AF #AF16A7

Tetradic

#16AF69 #1D16AF #AF165B

Tints, Shades & Tones

Tints (Adding White)

#A8AF16

#B1B72F

#BBC049

#C5C963

#CED27D

#D8DB97

#E2E4B1

#EBEDCB

#F5F6E5

#FFFFFF

Shades (Adding Black)

#A8AF16

#959B13

#828811

#70740E

#5D610C

#4A4D09

#383A07

#252604

#121302

#000000

WCAG Contrast Accessibility

2.38:1

Text on #FFFFFF

FAIL

8.81:1

Text on #000000

AAA

2.28:1

Text on #F8FAFC

FAIL

7.49:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #A8AF16; }

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

Similar Colors

Yellowgreen

#9ACD32