#AFAC28 Color

#AFAC28 is rgb(175, 172, 40) in RGB and hsl(59, 63%, 42%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#AFAC28

HEX#AFAC28

RGBrgb(175, 172, 40)

HSLhsl(59, 63%, 42%)

HSVhsv(59, 77%, 69%)

OKLCHoklch(72.4% 0.144 108.2)

CMYKcmyk(0%, 2%, 77%, 31%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AFAC28 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.4:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.75:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #AFAC28 based on color wheel relationships. Click any swatch for its full breakdown.

Base#AFAC28 Complementary#282AAF Analogous#AF6928 Analogous#6DAF28 Triadic#28AFAC Triadic#AC28AF

Tints & Shades

Lighter tints and darker shades of #AFAC28, useful for hover states, backgrounds, and text variants.

Tints

#D0CD2F #D7D550 #DFDD72 #E6E593 #EEEDB4 #F6F5D5

Shades

#9A9823 #817F1D #6C6B19 #535213 #3E3E0E #252508

Use #AFAC28 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex