#5BC5E4 Hex Color

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

Hex color #5bc5e4 graphic
This bright, cool cyan is saturated enough to catch the eye but light enough for comfortable reading. Because #5bc5e4 offers excellent contrast with black text, it functions well as a dominant UI background for modern tech or productivity apps. It feels fresh and airy, making it a natural fit for spring themes, though its intensity can sometimes overwhelm softer palettes if used in large, solid blocks.

Questions about #5bc5e4

What is #5bc5e4 in RGB, HSL and CMYK?
In RGB, #5bc5e4 is rgb(91, 197, 228), in HSL hsl(194, 72%, 63%) and in CMYK 60%, 14%, 0%, 11%.
Does #5bc5e4 work well for text-heavy interfaces?
#5bc5e4 functions best as an accent or background color rather than for body text. Due to its high luminosity, it fails standard contrast accessibility ratios against white, so pair it with charcoal or dark navy text for readability.
What design styles pair best with the brightness of #5bc5e4?
This color thrives in minimalist tech aesthetics and productivity app designs where a clean, open feel is desired. To balance its intensity, use it alongside neutral grays or slate to keep the overall interface from feeling visually overwhelming.
Is #5bc5e4 readable on white or black?
#5bc5e4 has a 1.99:1 contrast ratio on white and 10.55: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.