HEX Color #AFCC2C (Yellowgreen)

About #AFCC2C

The precise color #AFCC2C is an excellent choice for modern design projects. It is closely associated with the named CSS color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 204, and 44.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 14% cyan and 0% magenta inks. With a hue angle of 70.9 degrees, it sits comfortably in the yellow spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#AFCC2C

RGB175, 204, 44

HSL70.9°, 64.5%, 48.6%

CMYK14%, 0%, 78%, 20%

HSV70.9°, 78.4%, 80.0%

LAB77.6, -29.5, 69.8

XYZ39.7, 52.5, 10.4

Decimal11521068

Color Harmonies

Complementary

#AFCC2C #492CCC

Analogous

#CC992C #5ECC2C

Triadic

#2CAFCC #CC2CAE

Tetradic

#2CCC99 #492CCC #CC2C5E

Tints, Shades & Tones

Tints (Adding White)

#AFCC2C

#B7D143

#C0D75A

#C9DD72

#D2E289

#DBE8A1

#E4EEB8

#EDF3D0

#F6F9E7

#FFFFFF

Shades (Adding Black)

#AFCC2C

#9BB527

#889E22

#74881D

#617118

#4D5A13

#3A440E

#262D09

#131604

#000000

WCAG Contrast Accessibility

1.83:1

Text on #FFFFFF

FAIL

11.50:1

Text on #000000

AAA

1.75:1

Text on #F8FAFC

FAIL

9.77:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFCC2C; }

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

Similar Colors

Yellowgreen

#9ACD32