#AB8D74 Hex Color

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

Hex color #ab8d74 graphic
#ab8d74 is a dusty, unsaturated orange with strong earthy undertones. Because it is so muted, this shade functions best as a supporting texture or a background rather than a bold accent. It pairs unexpectedly well with deep teals or charcoal grays to ground its warmth. The hex code #ab8d74 offers enough contrast for black text, ensuring readability in UI applications.

Questions about #ab8d74

What is #ab8d74 in RGB, HSL and CMYK?
In RGB, #ab8d74 is rgb(171, 141, 116), in HSL hsl(27, 25%, 56%) and in CMYK 0%, 18%, 32%, 33%.
What colors pair well with #ab8d74 in a design layout?
#ab8d74 works best when grounded by deep, cool tones that contrast its inherent warmth. It creates a sophisticated balance when paired with charcoal grays for text or deep teal for accents, which helps stabilize the muted orange.
Is #ab8d74 suitable for text-heavy UI interfaces?
This shade is generally too low in contrast for small, light-on-dark body text, but it performs adequately as a background for dark text. Always verify your contrast ratios when placing #ab8d74 behind any critical information to ensure full accessibility.
Is #ab8d74 readable on white or black?
#ab8d74 has a 3.09:1 contrast ratio on white and 6.79: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.