#5AB6ED Hex Color

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

Hex color #5ab6ed graphic
#5ab6ed is a bright, clear sky blue with significant saturation, making it feel energetic rather than sleepy. It works best as an accent color or a supporting tone in UI design. Because it is high in contrast, black text remains readable over it. If you need to tone down this brightness by mixing gray, use it alongside charcoal or dark navy for a sophisticated, modern palette.

Questions about #5ab6ed

What is #5ab6ed in RGB, HSL and CMYK?
In RGB, #5ab6ed is rgb(90, 182, 237), in HSL hsl(202, 80%, 64%) and in CMYK 62%, 23%, 0%, 7%.
What colors pair well with #5ab6ed for a professional palette?
Because #5ab6ed is a highly saturated sky blue, it creates a balanced, professional contrast when paired with charcoal or navy. Using dark neutrals like these helps anchor the brightness of the blue without losing its energetic feel.
Is #5ab6ed readable on white or black?
#5ab6ed has a 2.24:1 contrast ratio on white and 9.34: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.