#5BACEF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This clear, sky-toned blue carries a light, airy quality that works well as a background color for tech or healthcare interfaces. Because it is highly saturated, avoid using it as a large-scale solid block, as it can overwhelm the eye. Instead, pair #5bacef with dark grays or charcoals for high readability. The hex code is #5bacef, and it maintains enough contrast to support small, black text.
Questions about #5bacef
What is #5bacef in RGB, HSL and CMYK?
In RGB, #5bacef is rgb(91, 172, 239), in HSL hsl(207, 82%, 65%) and in CMYK 62%, 28%, 0%, 6%.
What design aesthetic works best with #5bacef?
This color thrives in clean, minimalist design systems often found in tech or healthcare applications where an airy, professional feel is desired. Avoid using it as a solid background block because its high vibrancy can become overwhelming to the user's eye.
Is #5bacef readable on white or black?
#5bacef has a 2.44:1 contrast ratio on white and 8.59: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.