#B8A842 Color

#B8A842 is rgb(184, 168, 66) in RGB and hsl(52, 47%, 49%) in HSL. The closest CSS named color is Peru. Black text is most readable on this background.

#B8A842

HEX#B8A842

RGBrgb(184, 168, 66)

HSLhsl(52, 47%, 49%)

HSVhsv(52, 64%, 72%)

OKLCHoklch(72.6% 0.123 100.4)

CMYKcmyk(0%, 9%, 64%, 28%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B8A842 Complementary#4252B8 Analogous#B86D42 Analogous#8DB842 Triadic#42B8A8 Triadic#A842B8

Tints & Shades

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

Tints

#C4B55A #CDC174 #D6CD8F #E0D9A9 #E9E4C3 #F3F0DD

Shades

#A1933A #877B31 #706729 #564F1F #403A17 #25220E

Use #B8A842 in Our Tools

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