#046491 Hex Color

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

Hex color #046491 graphic
This muted, dim blue works best as a dominant base for professional tech or finance interfaces. Because it lacks high saturation, it provides a stable, serious foundation without overwhelming the user. The hex code #046491 offers a strong 6.5:1 contrast ratio against white text, ensuring excellent readability. If you struggle with the gray undertones here, learning how to make gray can help you balance your palette.

Questions about #046491

What is #046491 in RGB, HSL and CMYK?
In RGB, #046491 is rgb(4, 100, 145), in HSL hsl(199, 95%, 29%) and in CMYK 97%, 31%, 0%, 43%.
Where should I use #046491 in a UI design?
#046491 serves best as a primary action button or a structured navigation header in professional financial or B2B tech applications. Its inherent stability provides a trustworthy feel, and it maintains excellent contrast against white or light gray backgrounds.
What colors pair well with the #046491 blue shade?
Pair #046491 with slate or charcoal for a sophisticated, monochromatic look that enhances readability. For a pop of energy, introduce a warm terracotta or soft gold to provide a necessary visual break from the cool, serious tones.
Is #046491 readable on white or black?
#046491 has a 6.48:1 contrast ratio on white and 3.23: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.