#546D82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted slate blue carries a serious and reliable weight. Because of its low saturation, #546d82 works well as a grounding base for professional UI or finance dashboards. It maintains readability with white text, offering a solid alternative to standard navy. Use it in moderation to avoid a muddy appearance, as it shines best when paired against bright, clean off-whites or soft charcoal accents.
Questions about #546d82
What is #546d82 in RGB, HSL and CMYK?
In RGB, #546d82 is rgb(84, 109, 130), in HSL hsl(207, 21%, 42%) and in CMYK 35%, 16%, 0%, 49%. Browse more shades of blue with names and hex codes.
What colors pair best with #546d82?
#546d82 thrives when paired with high-contrast, clean off-whites or deep charcoal accents to maintain its sophisticated, muted character. Avoid pairing it with other muted, gray-toned blues to keep the interface from appearing muddy or flat on the screen.
Why use #546d82 for professional UI design?
This color offers a more approachable and less jarring alternative to traditional navy, making it an excellent choice for financial dashboards or corporate UI. It provides enough visual weight to ground text or data visualizations while remaining calm and professional.
Is #546d82 readable on white or black?
#546d82 has a 5.40:1 contrast ratio on white and 3.88: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.