#325064 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #325064 graphic
Muted and dusty, #325064 functions as a professional, grounded base color. This dark, desaturated shade offers high contrast against white text, making it a functional choice for clean UI backgrounds or dense technical dashboards. While it feels serious and controlled, use it sparingly in small layouts to avoid a gloomy, closed-in appearance. The hex code for this matte blue is #325064.

Questions about #325064

What is #325064 in RGB, HSL and CMYK?
In RGB, #325064 is rgb(50, 80, 100), in HSL hsl(204, 33%, 29%) and in CMYK 50%, 20%, 0%, 61%. Browse more shades of blue with names and hex codes.
Where should I use #325064 in a user interface?
#325064 functions best as a background color for dense technical dashboards or sidebar navigation where you need high contrast with white text. Use it sparingly in smaller layouts to prevent the design from feeling too closed-in or gloomy.
What colors pair well with #325064?
This matte blue pairs beautifully with crisp off-white or light gray shades to maintain professional readability. For accent colors, it works well with soft, muted terracotta or warm gold tones to balance its naturally cool and desaturated presence.
Is #325064 readable on white or black?
#325064 has a 8.51:1 contrast ratio on white and 2.46: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.