#5BA2FF Hex Color

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

Select a Color

Bright and strongly saturated, #5ba2ff is a cool blue with a clean, slightly cyan undertone. Its high lightness gives interfaces a lively, alert feel, while its intensity signals trust and energy. Use the hex code as a focused accent or call-to-action color in technology, finance, and healthcare layouts. Black text achieves about 8.1:1 contrast here, meeting WCAG AA for body text.

Questions about #5ba2ff

What is #5ba2ff in RGB, HSL and CMYK?

In RGB, #5ba2ff is rgb(91, 162, 255), in HSL hsl(214, 100%, 68%) and in CMYK 64%, 36%, 0%, 0%.

How should designers use #5ba2ff in a palette?

Use #5ba2ff as a small accent or call-to-action color rather than a dominant page background. Its bright, saturated finish draws attention quickly; pair it with charcoal or deep navy surfaces to control glare and give buttons clear visual weight.

Is #5ba2ff readable on white or black?

#5ba2ff has a 2.60:1 contrast ratio on white and 8.05: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.

#5BA2FF Hex Color

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

Questions about #5ba2ff

Color tools

Resources