#2A5F8E Hex Color

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

Hex color #2a5f8e graphic
#2a5f8e is a dark, muted blue with cool gray undertones and a dependable presence. It suits finance, security, technology, healthcare, and government interfaces, especially as a supporting tone or dark UI background. White text reaches about 6.7:1 contrast here, meeting WCAG AA for body text. The hex code is #2a5f8e.

Questions about #2a5f8e

What is #2a5f8e in RGB, HSL and CMYK?
In RGB, #2a5f8e is rgb(42, 95, 142), in HSL hsl(208, 54%, 36%) and in CMYK 70%, 33%, 0%, 44%. Browse more shades of blue with names and hex codes.
What colors pair well with #2a5f8e?
The #2a5f8e hex color pairs well with white, pale blue, cool gray, and warm terracotta, creating clean contrast while preserving its dependable, understated character across interfaces and brand palettes; use neutrals for backgrounds and the warm accent sparingly.
Does #2a5f8e read as warm or cool?
It reads as a cool blue because its muted blue base is balanced by gray undertones, giving #2a5f8e a calm, reliable feel suited to finance, security, technology, healthcare, and government interfaces.
Is #2a5f8e readable on white or black?
#2a5f8e has a 6.71:1 contrast ratio on white and 3.12: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.