#54584C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted olive feels grounded and serious with its heavy grey undertones. Because it lacks brightness, use the hex code #54584c as a neutral background instead of black to soften your high-contrast UI designs. It pairs well with crisp white text, providing excellent readability. This dim shade works best when balanced against warmer, saturated accent colors to prevent a gloomy aesthetic.
Questions about #54584c
What is #54584c in RGB, HSL and CMYK?
In RGB, #54584c is rgb(84, 88, 76), in HSL hsl(80, 7%, 32%) and in CMYK 5%, 0%, 14%, 65%.
How can I effectively use #54584c in a user interface?
Use #54584c as a low-contrast background choice to replace harsh blacks in text-heavy layouts. It reads best when paired with clean, off-white text to maintain readability while creating a sophisticated, grounded aesthetic that feels less sterile than pure monochrome.
Which colors pair best with the muted tone of #54584c?
Balance this heavy, dusty olive by introducing warmer, saturated accents like terracotta or deep burgundy to provide necessary visual energy. Avoid pairing it with cool, dark tones, as this can easily lead to a muddy, uninviting color scheme.
Is #54584c readable on white or black?
#54584c has a 7.29:1 contrast ratio on white and 2.87: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.