HEX Color #AFCC16 (Yellowgreen)

About #AFCC16

The hex code #AFCC16 represents a beautifully specific shade of yellow. Its closest recognized web color is Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 204, and 22.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 14% cyan and 0% magenta inks. With a hue angle of 69.6 degrees, it sits comfortably in the yellow spectrum.

From a UX and accessibility standpoint, contrast is paramount. 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#AFCC16

RGB175, 204, 22

HSL69.6°, 80.5%, 44.3%

CMYK14%, 0%, 89%, 20%

HSV69.6°, 89.2%, 80.0%

LAB77.5, -30.1, 74.8

XYZ39.4, 52.4, 8.8

Decimal11521046

Color Harmonies

Complementary

#AFCC16 #3216CC

Analogous

#CC8E16 #53CC16

Triadic

#16AECC #CC16AE

Tetradic

#16CC8E #3216CC #CC1653

Tints, Shades & Tones

Tints (Adding White)

#AFCC16

#B7D12F

#C0D749

#C9DD63

#D2E27D

#DBE897

#E4EEB1

#EDF3CB

#F6F9E5

#FFFFFF

Shades (Adding Black)

#AFCC16

#9BB513

#889E11

#74880E

#61710C

#4D5A09

#3A4407

#262D04

#131602

#000000

WCAG Contrast Accessibility

1.83:1

Text on #FFFFFF

FAIL

11.47:1

Text on #000000

AAA

1.75:1

Text on #F8FAFC

FAIL

9.75:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFCC16; }

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

Similar Colors

Yellowgreen

#9ACD32