#BAA377 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty gold, #baa377 brings a sun-faded quality to design projects. It functions best as a supporting texture or a background shade rather than a primary focus. Pair it with deep charcoals or slate blues to anchor its warmth. Since it offers strong contrast for black typography, the hex code #baa377 works well for readable UI layouts or accessible, print-based compositions.
Questions about #baa377
What is #baa377 in RGB, HSL and CMYK?
In RGB, #baa377 is rgb(186, 163, 119), in HSL hsl(39, 33%, 60%) and in CMYK 0%, 12%, 36%, 27%. Browse more shades of brown with names and hex codes.
Which colors pair best with the muted gold of #baa377?
#baa377 works beautifully when anchored by deep, cool tones that contrast its inherent warmth. For a sophisticated balance, pair it with charcoal or slate blue to create a grounded, readable hierarchy in UI design or print compositions.
Is #baa377 suitable for body text or web UI buttons?
While #baa377 is excellent for large backgrounds or secondary UI elements, it lacks the necessary contrast ratio for small body text against white backgrounds. Use it primarily for decorative accents or large, bold typography where accessibility standards for contrast remain prioritized.
Is #baa377 readable on white or black?
#baa377 has a 2.44:1 contrast ratio on white and 8.59:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.