#5A8BCD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool blue feels professional and buttoned-up. Because it sits at a mid-range saturation, it avoids feeling aggressive, making it a reliable choice for finance or security interfaces. Pair #5a8bcd with soft creams or warm grays to prevent it from looking too clinical. With 6.0:1 contrast against black text, it serves as a functional, readable base for body copy or UI elements.
Questions about #5a8bcd
What is #5a8bcd in RGB, HSL and CMYK?
In RGB, #5a8bcd is rgb(90, 139, 205), in HSL hsl(214, 53%, 58%) and in CMYK 56%, 32%, 0%, 20%. Browse more shades of blue with names and hex codes.
What makes #5a8bcd a good choice for professional user interfaces?
This muted blue avoids aggressive saturation, creating a calm and trustworthy atmosphere suitable for financial or security-focused applications. It maintains high readability and provides a stable, professional backdrop that keeps the user interface approachable without appearing cold or clinical.
Which neutral colors best complement #5a8bcd in a design scheme?
Pairing #5a8bcd with taupe or soft off-white tones helps counteract its cool influence, preventing the interface from looking too sterile. These neutrals soften the overall aesthetic while maintaining the buttoned-up quality essential for modern business-facing digital products.
Is #5a8bcd readable on white or black?
#5a8bcd has a 3.49:1 contrast ratio on white and 6.00: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.