#2A5FA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, slightly muted blue, #2a5fa3 has cool undertones and enough depth for serious, dependable designs. The hex code #2a5fa3 works well as a supporting tone in finance, technology, healthcare, and government palettes, especially beside off-white or steel gray. White text reaches about 6.4:1 contrast, making it suitable for accessible body text and interface backgrounds.
Questions about #2a5fa3
What is #2a5fa3 in RGB, HSL and CMYK?
In RGB, #2a5fa3 is rgb(42, 95, 163), in HSL hsl(214, 59%, 40%) and in CMYK 74%, 42%, 0%, 36%. Browse more shades of blue with names and hex codes.
What colors pair well with #2a5fa3?
The cool blue of #2a5fa3 pairs well with off-white, steel gray, and restrained navy accents, creating dependable palettes for finance, technology, healthcare, and government interfaces without making the layout feel overly bright.
Does #2a5fa3 read as warm or cool?
#2a5fa3 reads as a cool blue because its blue base and slightly muted character avoid warm violet or green shifts. That balance gives it a calm, serious presence suited to trust-focused layouts, especially with pale neutral backgrounds.
Is #2a5fa3 readable on white or black?
#2a5fa3 has a 6.43:1 contrast ratio on white and 3.26: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.