#AFA108 Color

#AFA108 is rgb(175, 161, 8) in RGB and hsl(55, 91%, 36%) in HSL. The closest CSS named color is DarkGoldenrod. Black text is most readable on this background.

#AFA108

HEX#AFA108

RGBrgb(175, 161, 8)

HSLhsl(55, 91%, 36%)

HSVhsv(55, 95%, 69%)

OKLCHoklch(69.9% 0.146 103.2)

CMYKcmyk(0%, 8%, 95%, 31%)

Text Contrast & Accessibility

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

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

TextBlack text7.92:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AFA108 Complementary#0816AF Analogous#AF4E08 Analogous#6AAF08 Triadic#08AFA1 Triadic#A108AF

Tints & Shades

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

Tints

#DBCA0A #F4E31F #F7E84B #F8ED72 #FAF39E #FCF8C9

Shades

#978B07 #847906 #6B6305 #585104 #3F3A03 #2C2802

Use #AFA108 in Our Tools

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