#54646C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue-grey conveys a serious, understated mood. Because of its heavy desaturation, the hex code #54646c works best as a supporting background rather than a main feature. It pairs well with soft creams or warm terracotta to break up its gloominess. While it provides enough contrast for readable body text, avoid using it for fine details that require high visual snap.
Questions about #54646c
What is #54646c in RGB, HSL and CMYK?
In RGB, #54646c is rgb(84, 100, 108), in HSL hsl(200, 13%, 38%) and in CMYK 22%, 7%, 0%, 58%.
What colors pair well with #54646c?
Because #54646c is a heavy, desaturated blue-grey, it benefits from the warmth of organic tones to counteract its gloominess. Try pairing it with soft creams, warm terracotta, or muted ochre to create a balanced, approachable interface that feels grounded rather than cold.
Is #54646c readable on white or black?
#54646c has a 6.14:1 contrast ratio on white and 3.41: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.