#5A9CFB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and saturated, #5a9cfb commands immediate attention without feeling aggressive. This vivid blue works best as a primary UI accent or call to action rather than a background, where its brightness can overwhelm the eye. Pair it with soft, warm grays to ground its energy. Because it maintains strong contrast against black text, the hex code #5a9cfb is an excellent choice for accessible digital interfaces.
Questions about #5a9cfb
What is #5a9cfb in RGB, HSL and CMYK?
In RGB, #5a9cfb is rgb(90, 156, 251), in HSL hsl(215, 95%, 67%) and in CMYK 64%, 38%, 0%, 2%.
Which colors pair effectively with #5a9cfb in web design?
Use #5a9cfb alongside charcoal or soft neutral grays to ground its intense energy and create a balanced look. These muted tones prevent the brightness from becoming visually overwhelming while ensuring the blue remains the focal point for interactive elements.
Is #5a9cfb suitable for use as a background color?
Avoid using #5a9cfb as a background because its high saturation can overwhelm the eye and strain readability. It is much more effective as a functional accent or primary call-to-action button where it can capture attention without disrupting the overall interface flow.
Is #5a9cfb readable on white or black?
#5a9cfb has a 2.76:1 contrast ratio on white and 7.58: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.