#5A7EA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #5a7ea0 when a design needs a dependable, grayed-out blue that stays out of the way. This muted shade reads calm and understated, with an ashy cast that suits finance dashboards, healthcare portals, and quiet UI backgrounds. The hex code #5a7ea0 gives black text a contrast ratio of about 4.9:1, enough for small body copy. Pair it with terracotta to keep it from feeling flat.
Questions about #5a7ea0
What is #5a7ea0 in RGB, HSL and CMYK?
In RGB, #5a7ea0 is rgb(90, 126, 160), in HSL hsl(209, 28%, 49%) and in CMYK 44%, 21%, 0%, 37%. Browse more shades of blue with names and hex codes.
What colors pair well with #5a7ea0?
Warm accents like terracotta or burgundy bring out the best in #5a7ea0, since its gray undertones can read flat next to cool palettes. Soft creams also work for lighter UI layouts.
Does #5a7ea0 read as warm or cool?
It is genuinely cool. The blue hue dominates and its low saturation adds a gray, slightly dusty quality rather than warmth, which is why it suits corporate and government design work.
Is #5a7ea0 readable on white or black?
#5a7ea0 has a 4.26:1 contrast ratio on white and 4.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.