#5A5C68 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dusty and desaturated, #5a5c68 sits between a muted indigo and a heavy charcoal. This dark shade carries an air of quiet seriousness, making it a reliable base color for moody UI designs or professional branding. It offers enough contrast for white text to remain legible. Pair this hex code with soft creams or warm metallic accents to keep the palette from feeling too cold.
Questions about #5a5c68
What is #5a5c68 in RGB, HSL and CMYK?
In RGB, #5a5c68 is rgb(90, 92, 104), in HSL hsl(231, 7%, 38%) and in CMYK 13%, 12%, 0%, 59%.
What makes #5a5c68 effective for UI design?
The desaturated nature of #5a5c68 provides a professional, grounded base that allows brighter accent colors to pop without visual clutter. It maintains excellent readability when paired with white text, making it ideal for headers, sidebars, or footer backgrounds in modern applications.
Which color palettes complement #5a5c68 best?
Because #5a5c68 leans toward a cool, muted indigo, it balances beautifully against warm neutrals like cream or soft beige. Adding subtle metallic accents like antique gold or copper can prevent the color from feeling too cold or overly industrial in design.
Is #5a5c68 readable on white or black?
#5a5c68 has a 6.63:1 contrast ratio on white and 3.16: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.