#2A5298 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A deep, moody blue, #2a5298 provides a grounded feel for professional interfaces. It excels as a 60% base color for finance or security apps, where it communicates reliability without feeling aggressive. The hex code #2a5298 offers excellent contrast for white text, though it can feel overwhelming in large blocks. Pair it with soft grays—learn how to make gray here—to balance its intense, cool saturation.
Questions about #2a5298
What is #2a5298 in RGB, HSL and CMYK?
In RGB, #2a5298 is rgb(42, 82, 152), in HSL hsl(218, 57%, 38%) and in CMYK 72%, 46%, 0%, 40%.
What colors pair best with #2a5298 in UI design?
Pair #2a5298 with soft, neutral tones to balance its intensity. Light cool grays or a crisp off-white help maintain high contrast while preventing the blue from overwhelming your layout, ensuring the text remains legible and clear.
Is #2a5298 a good choice for text-heavy interfaces?
While #2a5298 works well as a primary accent or brand color, it is generally too dark for large blocks of body text. It is most effective as a background for white headers or as a call-to-action button color.
Is #2a5298 readable on white or black?
#2a5298 has a 7.61:1 contrast ratio on white and 2.75: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.