#986E4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted orange sits firmly between tan and terracotta. Because it is desaturated, #986e4d functions best as a stabilizing background color rather than a primary focal point. It provides enough contrast to pair well with black text, making it a reliable choice for UI elements. Use it in branding to evoke an earthy, adventurous tone without overwhelming more vivid accents.
Questions about #986e4d
What is #986e4d in RGB, HSL and CMYK?
In RGB, #986e4d is rgb(152, 110, 77), in HSL hsl(26, 33%, 45%) and in CMYK 0%, 28%, 49%, 40%.
What colors pair well with #986e4d?
How should #986e4d be used in UI design?
Use #986e4d primarily as a background color for UI elements where you need warmth without overwhelming the user. It provides enough contrast to remain readable with black text, acting as a sturdy, reliable foundation for buttons or section dividers.
Is #986e4d readable on white or black?
#986e4d has a 4.49:1 contrast ratio on white and 4.67: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.