#5AB1D8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated blue sits between sky and steel, offering a clean, professional aesthetic. It provides high contrast with black text, making it a functional choice for UI components and technical dashboards. The hex code for this shade is #5ab1d8. While perfect for accents, avoid using it as a large background in bright light to prevent a washed-out appearance. Pair with deep charcoal to anchor the design.
Questions about #5ab1d8
What is #5ab1d8 in RGB, HSL and CMYK?
In RGB, #5ab1d8 is rgb(90, 177, 216), in HSL hsl(199, 62%, 60%) and in CMYK 58%, 18%, 0%, 15%.
What colors pair well with #5ab1d8?
Since #5ab1d8 is an unsaturated blue, it anchors best against dark, neutral tones like charcoal or deep slate for a sophisticated UI contrast. These dark pairings ground the lightness of the blue, ensuring text remains readable and professional in technical dashboards.
Is #5ab1d8 suitable for text-heavy interface backgrounds?
While #5ab1d8 offers a clean look, using it as a large background in bright lighting can wash out content and lower legibility. It works more effectively as an accent color for buttons or icons where you need distinct, high-contrast visual cues.
Is #5ab1d8 readable on white or black?
#5ab1d8 has a 2.40:1 contrast ratio on white and 8.71:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.