#7BC7E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan carries a bright, airy feeling suitable for clean UI interfaces or spring-themed marketing. Because it maintains high contrast against black text, it functions well as a readable, solid background color. The hex code #7bc7e0 pairs effectively with charcoal grays for a modern tech aesthetic, but be careful when layering it with white, as it can appear slightly washed out.
Questions about #7bc7e0
What is #7bc7e0 in RGB, HSL and CMYK?
In RGB, #7bc7e0 is rgb(123, 199, 224), in HSL hsl(195, 62%, 68%) and in CMYK 45%, 11%, 0%, 12%.
Is #7bc7e0 a good choice for UI backgrounds?
Yes, this unsaturated cyan is excellent for UI backgrounds because it offers high contrast against black text while maintaining a clean, professional aesthetic. It feels less jarring than pure cyan, providing a modern, airy foundation for digital interfaces.
Which colors pair best with #7bc7e0?
Pair #7bc7e0 with deep charcoal or dark navy to create a sophisticated, high-contrast look suitable for tech branding. Avoid placing it against white text, as the lack of contrast will likely cause the content to disappear entirely.
Is #7bc7e0 readable on white or black?
#7bc7e0 has a 1.89:1 contrast ratio on white and 11.08: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.