#5FB6F0 Hex Color

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

Hex color #5fb6f0 graphic
A bright sky blue, #5fb6f0 provides a stable, modern foundation for tech and finance interfaces. It maintains high legibility with black text, making it a reliable choice for UI design. While it works well as a large background, it pairs nicely with slate grays to add necessary depth. This hex code sits right in the sweet spot for professional, clean branding.

Questions about #5fb6f0

What is #5fb6f0 in RGB, HSL and CMYK?
In RGB, #5fb6f0 is rgb(95, 182, 240), in HSL hsl(204, 83%, 66%) and in CMYK 60%, 24%, 0%, 6%.
What colors pair best with #5fb6f0 for professional UI design?
To ground the brightness of #5fb6f0, pair it with slate or charcoal to create necessary visual depth and contrast. These neutral darks ensure your interfaces look modern and legible while preventing the blue from appearing too overwhelming or airy.
Is #5fb6f0 readable on white or black?
#5fb6f0 has a 2.22:1 contrast ratio on white and 9.43: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.