#A18C30 Color

#A18C30 is rgb(161, 140, 48) in RGB and hsl(49, 54%, 41%) in HSL. The closest CSS named color is DarkGoldenrod. Black text is most readable on this background.

#A18C30

HEX#A18C30

RGBrgb(161, 140, 48)

HSLhsl(49, 54%, 41%)

HSVhsv(49, 70%, 63%)

OKLCHoklch(64.2% 0.112 96.1)

CMYKcmyk(0%, 13%, 70%, 37%)

Text Contrast & Accessibility

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

TextWhite text3.33:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.31:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#A18C30 Complementary#3045A1 Analogous#A15430 Analogous#7DA130 Triadic#30A18C Triadic#8C30A1

Tints & Shades

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

Tints

#C0A839 #CDB756 #D6C476 #E1D399 #EAE1B8 #F3EED8

Shades

#8D7B2A #766723 #62561D #4F4417 #3B3312 #231F0B

Use #A18C30 in Our Tools

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