#546A78 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted blue with ashy gray undertones, #546a78 feels controlled and dependable without demanding attention. The hex code #546a78 works well as a supporting tone for technology, finance, healthcare, and government interfaces. White text has about 5.7:1 contrast, making it suitable behind small body text.
Questions about #546a78
What is #546a78 in RGB, HSL and CMYK?
In RGB, #546a78 is rgb(84, 106, 120), in HSL hsl(203, 18%, 40%) and in CMYK 30%, 12%, 0%, 53%.
Which colors pair well with #546a78?
#546a78 pairs well with warm whites, pale blue-gray, muted terracotta, and soft mustard, adding contrast while preserving its restrained blue-gray character in calm, professional palettes for interfaces, branding, and editorial layouts. Use lighter neutrals for clean layouts and warmer accents when more energy is needed.
Does #546a78 read as warm or cool?
#546a78 reads as a cool, dark muted blue because its blue base is softened by gray, giving interfaces a steady, reserved feel rather than a bright or energetic one in most interface palettes. Warm beige or copper accents can balance its cooler appearance.
Where can #546a78 work well in a design?
Use #546a78 as a supporting color for technology, finance, healthcare, and government interfaces, especially in navigation, cards, form controls, and secondary backgrounds where a calm, dependable tone helps preserve focus. Pair it with lighter surfaces to create clear visual hierarchy.
Is #546a78 readable on white or black?
#546a78 has a 5.66:1 contrast ratio on white and 3.70: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.