#A77348 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated orange balances warmth with an earthy, muted quality. Because it leans toward brown, #a77348 works best as a supporting tone rather than a dominant base. Pair it with deep navy or charcoal to ground its brightness. The hex code #a77348 is accessible for small text against black, making it a reliable choice for readable, adventure-themed UI accents.
Questions about #a77348
What is #a77348 in RGB, HSL and CMYK?
In RGB, #a77348 is rgb(167, 115, 72), in HSL hsl(27, 40%, 47%) and in CMYK 0%, 31%, 57%, 35%.
Which colors pair well with #a77348 for a balanced design?
Is #a77348 suitable for text in user interfaces?
#a77348 is generally best reserved for UI accents, buttons, or iconography rather than body text. Because it is a mid-tone, it offers excellent readability when used as a foreground color against a pure black or very dark background, meeting standard contrast requirements.
Is #a77348 readable on white or black?
#a77348 has a 4.04:1 contrast ratio on white and 5.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.