#5A8DD0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A steady blue for finance dashboards, healthcare portals, and security branding, #5a8dd0 reads honest rather than flashy. The hex code sits in a muted, cool mid-tone, so it holds up as a dominant base or large UI background without shouting. Black text passes contrast on it at about 6.2:1. Next to pure white it can flatten out, so warm it with cream or ground it with deep slate.
Questions about #5a8dd0
What is #5a8dd0 in RGB, HSL and CMYK?
In RGB, #5a8dd0 is rgb(90, 141, 208), in HSL hsl(214, 56%, 58%) and in CMYK 57%, 32%, 0%, 18%. Browse more shades of blue with names and hex codes.
What colors pair well with #5a8dd0?
Warm neutrals like cream and terracotta keep #5a8dd0 from going flat, while deep slate or navy gives it a grounded, professional feel. Burgundy accents add contrast without clashing.
Is #5a8dd0 readable on white or black?
#5a8dd0 has a 3.41:1 contrast ratio on white and 6.15: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.