#2A5485 Hex Color

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

Hex color #2a5485 graphic
This dark, cool blue carries a muted, serious weight that suits professional branding in finance or law. Because #2a5485 has a low saturation, it functions best as a dominant background color rather than a small accent. It pairs beautifully with soft creams to brighten its somber tone. White text remains perfectly legible against the hex code #2a5485, making it a reliable choice for UI designs and accessible interfaces.

Questions about #2a5485

What is #2a5485 in RGB, HSL and CMYK?
In RGB, #2a5485 is rgb(42, 84, 133), in HSL hsl(212, 52%, 34%) and in CMYK 68%, 37%, 0%, 48%.
What makes #2a5485 a good choice for professional UI design?
The muted saturation of #2a5485 reduces visual fatigue, making it an excellent, readable background for text-heavy applications. Its professional, serious tone aligns well with industries like law or finance, providing a trustworthy look without the harshness of a pure, bright blue.
Is #2a5485 readable on white or black?
#2a5485 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.