#A56B53 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a56b53 graphic
This muted terracotta is a dusty, unsaturated orange with a matte finish. It works best as a supporting accent rather than a dominant background. Because it offers enough contrast for readable black body text, you can pair it with dark slate blues for a sophisticated look. The hex code for this earthy shade is #a56b53. It brings a grounded, vintage feel to your interface designs.

Questions about #a56b53

What is #a56b53 in RGB, HSL and CMYK?
In RGB, #a56b53 is rgb(165, 107, 83), in HSL hsl(18, 33%, 49%) and in CMYK 0%, 35%, 50%, 35%.
What colors pair best with #a56b53 in a design?
#a56b53 works beautifully alongside navy or charcoal because these deep neutrals provide the necessary structure to balance its earthy, muted nature. Avoid pairing it with high-contrast neons, which can overwhelm the subtle, vintage character of this shade.
Is #a56b53 suitable for body text on a website?
While #a56b53 is excellent for accent buttons, borders, or graphical elements, it may struggle with accessibility standards when used as body text. It is safer to use a darker, higher-contrast shade for readability while reserving this terracotta as a warm, grounded highlight.
Is #a56b53 readable on white or black?
#a56b53 has a 4.34:1 contrast ratio on white and 4.82: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.