#1E577B Hex Color

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

Hex color #1e577b graphic
This muted, dark blue carries a serious, grounded weight. It sits in a cool, unsaturated range that feels stable. Designers often use #1e577b as a reliable base for corporate dashboards or tech interfaces. It supports white text with excellent 7.8:1 contrast. Use this hex code carefully, as its depth can look muddy when paired with other dark, desaturated tones.

Questions about #1e577b

What is #1e577b in RGB, HSL and CMYK?
In RGB, #1e577b is rgb(30, 87, 123), in HSL hsl(203, 61%, 30%) and in CMYK 76%, 29%, 0%, 52%.
How should I use #1e577b in UI design?
#1e577b serves as an excellent foundational color for corporate dashboards or tech-focused interfaces due to its grounded and serious nature. Pair it with crisp white text to ensure readability, as it offers a strong 7.8:1 contrast ratio for accessibility.
What colors pair well with #1e577b?
Because #1e577b is a muted and desaturated blue, it works best when balanced against lighter, neutral tones or soft off-whites. Avoid pairing it with other dark or muddy colors, which can make a layout feel heavy or visually confusing.
Is #1e577b readable on white or black?
#1e577b has a 7.76:1 contrast ratio on white and 2.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 is too faint for text. Try other pairs in the contrast checker.