#546B83 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted blue with strong gray undertones, #546b83 feels reserved and grounded. Because of its low saturation, it serves best as a background color or a supporting tone in corporate or tech interfaces where clarity matters. It offers enough contrast for white text to remain legible. Avoid using it as a primary highlight, as its ashy character can appear muddy against brighter, more vivid palettes.
Questions about #546b83
What is #546b83 in RGB, HSL and CMYK?
In RGB, #546b83 is rgb(84, 107, 131), in HSL hsl(211, 22%, 42%) and in CMYK 36%, 18%, 0%, 49%. Browse more shades of blue with names and hex codes.
How does #546b83 perform in UI design?
#546b83 functions effectively as a stable, secondary background color in professional interfaces because its low saturation minimizes visual fatigue. It pairs beautifully with high-contrast white typography, ensuring your text remains legible without the harshness of a pure, saturated blue.
What colors pair well with #546b83?
Is #546b83 readable on white or black?
#546b83 has a 5.51:1 contrast ratio on white and 3.80: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.