#B18216 Color

#B18216 is rgb(177, 130, 22) in RGB and hsl(42, 78%, 39%) in HSL. The closest CSS named color is DarkGoldenrod. Black text is most readable on this background.

#B18216

HEX#B18216

RGBrgb(177, 130, 22)

HSLhsl(42, 78%, 39%)

HSVhsv(42, 88%, 69%)

OKLCHoklch(63.6% 0.126 81.6)

CMYKcmyk(0%, 27%, 88%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B18216 Complementary#1644B1 Analogous#B13516 Analogous#92B116 Triadic#16B182 Triadic#8216B1

Tints & Shades

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

Tints

#D59D1A #E6B237 #EBC05C #F0D084 #F4DEA9 #F9EDD2

Shades

#9A7213 #846110 #6D500D #56400B #402F08 #291E05

Use #B18216 in Our Tools

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