#5080BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue sits in a professional, unsaturated range that reads as reliable and steady. Because it maintains strong legibility against black text, #5080ba works well for UI buttons or data visualization elements where clarity is paramount. Pair it with soft grays to ground your palette, as it can appear washed out if placed directly against bright white backgrounds.
Questions about #5080ba
What is #5080ba in RGB, HSL and CMYK?
In RGB, #5080ba is rgb(80, 128, 186), in HSL hsl(213, 43%, 52%) and in CMYK 57%, 31%, 0%, 27%.
What colors pair effectively with #5080ba in a design system?
Soft, neutral grays ground this mid-tone blue perfectly, preventing it from appearing washed out on bright white backgrounds. For a more sophisticated contrast, try pairing it with a deep charcoal text to maintain professional readability.
Is #5080ba suitable for UI buttons?
Yes, #5080ba is an excellent choice for UI buttons because it maintains strong legibility against standard black text. Its steady, unsaturated nature makes it feel reliable and clear for data-heavy dashboard interfaces.
Is #5080ba readable on white or black?
#5080ba has a 4.08:1 contrast ratio on white and 5.13: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.