#554422 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Earthy and somber, this dark olive tone brings a serious, grounded weight to design projects. It functions best as a supporting accent in moody palettes, providing depth without the intensity of black. The hex code for this color is #554422. Since it is very dark, white text offers ideal readability with a 9.4:1 contrast ratio. Use it sparingly to prevent a muddy appearance in large UI blocks.
Questions about #554422
What is #554422 in RGB, HSL and CMYK?
In RGB, #554422 is rgb(85, 68, 34), in HSL hsl(40, 43%, 23%) and in CMYK 0%, 20%, 60%, 67%.
How does #554422 perform as a primary background?
Because #554422 is extremely dark and dense, it functions best as a sophisticated accent or footer anchor rather than a large background block. Use it to provide visual weight, but always pair it with high-contrast text like cream or white to maintain readability.
What color palettes complement #554422?
This dark olive works harmoniously with desaturated, warm neutrals like taupe or terracotta to build a cohesive organic scheme. These earthy pairings enhance its grounded nature, creating a balanced, professional look suitable for branding or editorial layouts that need a serious, muted aesthetic.
Is #554422 readable on white or black?
#554422 has a 9.39:1 contrast ratio on white and 2.23:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.