#546484 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue offers a somber, matte finish that works well as a grounding background for corporate or security-focused UI designs. Because it is quite dark and muted, it pairs best with bright white text to maintain readability. The hex code #546484 provides a professional alternative to standard navy, avoiding the harshness of a primary blue while maintaining a serious, reliable character.
Questions about #546484
What is #546484 in RGB, HSL and CMYK?
In RGB, #546484 is rgb(84, 100, 132), in HSL hsl(220, 22%, 42%) and in CMYK 36%, 24%, 0%, 48%. Browse more shades of blue with names and hex codes.
What colors pair best with #546484 for UI design?
Because #546484 is a dark and muted blue, it pairs best with high-contrast, crisp white text to ensure readability on screens. You can also successfully accent this color with a soft silver or a muted cream for a sophisticated, professional palette.
Is #546484 considered a warm or cool blue?
The #546484 shade leans distinctly cool, but its muted, desaturated character keeps it from feeling overly icy or vibrant. This balance allows it to function as a neutral, grounding base that avoids the harsh intensity often found in primary blue hues.
Is #546484 readable on white or black?
#546484 has a 5.94:1 contrast ratio on white and 3.53: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.