#54575D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue acts as a functional neutral for serious design projects. Because it is quite dark and muted, #54575d works best as a background color for tech or finance interfaces where white text provides necessary contrast. Pair it with soft, warm metallics to cut through the gloom. While reliable, be careful using it for large blocks of text, as it may appear too heavy.
Questions about #54575d
What is #54575d in RGB, HSL and CMYK?
In RGB, #54575d is rgb(84, 87, 93), in HSL hsl(220, 5%, 35%) and in CMYK 10%, 6%, 0%, 64%. Browse more shades of gray with names and hex codes.
Is #54575d suitable for large blocks of website text?
Use #54575d cautiously for large blocks of text as it may appear too dark and heavy to read comfortably. It serves better as a background color for interfaces or accents where white text provides necessary contrast against the dark, muted surface.
What colors pair best with the slate tones of #54575d?
Is #54575d readable on white or black?
#54575d 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.