#2E5575 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a dim and serious character. It functions well as a background for professional or technical interfaces where you need visual restraint. Because it offers high contrast with white text, you can use it effectively for readable body copy. The hex code for this cool shade is #2e5575. Pair it with soft cream or light gray to balance the gloom.
Questions about #2e5575
What is #2e5575 in RGB, HSL and CMYK?
In RGB, #2e5575 is rgb(46, 85, 117), in HSL hsl(207, 44%, 32%) and in CMYK 61%, 27%, 0%, 54%.
Where should I use the #2e5575 blue in a design layout?
Use #2e5575 as a primary background color for technical dashboards or professional interfaces where you need to convey stability without visual fatigue. Because of its muted, serious nature, it provides high contrast with white text, making it a functional choice for readable body copy.
Which colors pair well with the cool #2e5575 shade?
Balance the cool, dim nature of #2e5575 by pairing it with warm neutrals like cream or soft off-whites to prevent the design from feeling too gloomy. For a more sophisticated palette, use it alongside a light gray to maintain a clean, professional aesthetic.
Is #2e5575 readable on white or black?
#2e5575 has a 7.85:1 contrast ratio on white and 2.67: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.