#AD774D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, desaturated orange carries earthy, terracotta undertones that feel approachable and grounded. Because it reads as a warm neutral, #ad774d works best as a supporting tone rather than a dominant background. It pairs well with deep forest greens or charcoal grays to create a balanced, organic palette. The hex code for this muted orange is #ad774d, and it provides enough contrast to support small, readable black text.
Questions about #ad774d
What is #ad774d in RGB, HSL and CMYK?
In RGB, #ad774d is rgb(173, 119, 77), in HSL hsl(26, 38%, 49%) and in CMYK 0%, 31%, 55%, 32%. Browse more shades of orange with names and hex codes.
What colors pair well with #ad774d?
Because #ad774d functions as a warm neutral, it anchors best alongside deeper, cooler tones to create visual balance. Pair it with charcoal or deep forest green to ground the palette, or use creamy whites for a softer, organic contrast.
Is #ad774d suitable for UI text usage?
#ad774d provides enough contrast to support small, readable black text in many design applications. While it is rarely used as a primary text color itself, it performs well as an accent or background that keeps content legible and comfortable on the eyes.
Is #ad774d readable on white or black?
#ad774d has a 3.80:1 contrast ratio on white and 5.52: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.