#56584D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its dark, low-saturation yellow-green cast, #56584d has a dusty, almost gray appearance. This hex code brings a serious, shadowed mood to backgrounds, moody layouts, and construction or budget-focused designs. Use it as a supporting tone with warm cream or muted terracotta. White text reaches about a 7.2:1 contrast ratio here, enough for WCAG AA body text.
Questions about #56584d
What is #56584d in RGB, HSL and CMYK?
In RGB, #56584d is rgb(86, 88, 77), in HSL hsl(71, 7%, 32%) and in CMYK 2%, 0%, 12%, 65%.
What colors pair well with #56584d?
The muted yellow-green cast of #56584d pairs well with cream for contrast and terracotta for a controlled, earthy accent, while a deeper neutral can add weight and bright white keeps text clear. Use the stronger accent sparingly so the muted base stays in control.
Does #56584d read warm or cool?
It reads as a muted, slightly warm olive gray because its yellow cast remains visible within a restrained green component, while low saturation keeps the surface from feeling bright or strongly earthy. Context can make it seem cooler beside warm pale tones or warmer beside cool neutrals.
Where does #56584d work best in a design?
It works best as a dominant dark base for moody interfaces, industrial branding, and sale graphics, with lighter text or accents carrying the visual hierarchy across screens and printed layouts. Large areas can feel heavy, so use spacing and brighter supporting colors to prevent the layout from becoming muddy.
Is #56584d readable on white or black?
#56584d has a 7.24:1 contrast ratio on white and 2.89: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.