#5EAEF6 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5eaef6 graphic
#5eaef6 is a bright, energetic sky blue with a clean, saturated profile. Because of its high lightness, it pairs well with charcoal grays and dark navies to create professional, reliable UI designs for finance or technology brands. While it reads as crisp and approachable, avoid using it as a full-page background, as it can feel overwhelming. The hex code for this shade is #5eaef6.

Questions about #5eaef6

What is #5eaef6 in RGB, HSL and CMYK?
In RGB, #5eaef6 is rgb(94, 174, 246), in HSL hsl(208, 89%, 67%) and in CMYK 62%, 29%, 0%, 4%.
What colors pair well with #5eaef6 in a UI design?
#5eaef6 works best when grounded by darker, neutral tones that balance its high energy. Pair this sky blue with charcoal or deep navy to create strong contrast that keeps the design professional and readable for finance or tech applications.
Can #5eaef6 be used as a background color?
Using #5eaef6 as a full-page background is typically too overwhelming due to its high saturation and brightness. Instead, use this blue as an accent color for buttons or highlights to guide user attention without tiring the eye.
Is #5eaef6 readable on white or black?
#5eaef6 has a 2.36:1 contrast ratio on white and 8.86: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.