#1E549E Hex Color

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

Hex color #1e549e graphic
#1e549e is a dim, unsaturated blue that feels grounded and serious. Because of its reliable weight, it works well as a dominant background for corporate or financial interfaces. It reads clearly with white text, offering plenty of contrast for UI elements. Avoid pairing it with muted grays, as it can look muddy. Instead, try using this hex code alongside sharp, clean whites for better visual impact.

Questions about #1e549e

What is #1e549e in RGB, HSL and CMYK?
In RGB, #1e549e is rgb(30, 84, 158), in HSL hsl(215, 68%, 37%) and in CMYK 81%, 47%, 0%, 38%.
What colors pair best with #1e549e for UI design?
#1e549e functions most effectively when paired with crisp, bright whites to ensure high legibility in corporate interfaces. Avoid using it alongside muted, dusty grays, which can cause the blue to appear muddy or visually indistinguishable, weakening your overall design impact.
Is #1e549e suitable for professional corporate branding?
Yes, this deep blue is an excellent choice for financial or formal business applications because it projects stability and seriousness. Its unsaturated nature keeps it from being too loud, maintaining a professional aesthetic while providing enough weight to act as a primary background or button color.
Is #1e549e readable on white or black?
#1e549e has a 7.45:1 contrast ratio on white and 2.81: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.