#54564E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated olive shade brings a dusty, serious mood to your designs. Because #54564e is quite dark, use it as a grounding base rather than for small text to avoid a muddy appearance. It pairs effectively with high-contrast white elements, as the WCAG contrast ratio reaches a legible 7.5:1. The hex code #54564e works well in industrial or moody interface projects where a muted, earthy backdrop is needed.
Questions about #54564e
What is #54564e in RGB, HSL and CMYK?
In RGB, #54564e is rgb(84, 86, 78), in HSL hsl(75, 5%, 32%) and in CMYK 2%, 0%, 9%, 66%. Browse more shades of gray with names and hex codes.
What colors pair best with #54564e in a design scheme?
Is #54564e suitable for UI text or body copy?
Generally, #54564e should be avoided for small body text because it is quite dark and can appear muddy or indistinct on typical screen resolutions. It is better reserved for large headings, backgrounds, or UI elements where its deep, saturated tone can serve as a solid grounding base.
Is #54564e readable on white or black?
#54564e has a 7.45:1 contrast ratio on white and 2.81: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.