#464A54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue-grey acts as a serious, muted neutral for professional interfaces and dark mode UI. Because it sits at a low saturation, it lacks visual noise and provides a steady background for high-contrast white typography. The hex code #464a54 performs best as a dominant base rather than an accent, pairing cleanly with crisp, desaturated pastels to avoid a muddy aesthetic.
Questions about #464a54
What is #464a54 in RGB, HSL and CMYK?
In RGB, #464a54 is rgb(70, 74, 84), in HSL hsl(223, 9%, 30%) and in CMYK 17%, 12%, 0%, 67%.
How should I use #464a54 in a UI design?
#464a54 performs best as a dominant base or background color rather than a primary accent. Its low-saturation, blue-grey profile reduces visual noise, making it an ideal anchor for high-contrast white typography in dark mode or professional application interfaces.
What colors pair well with the blue-grey of #464a54?
This color pairs cleanly with crisp, desaturated pastels to avoid creating a muddy or overworked aesthetic. If you need contrast, try balancing it against warm off-white or ivory tones to maintain a modern, clean look.
Is #464a54 readable on white or black?
#464a54 has a 8.86:1 contrast ratio on white and 2.36: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.