#7BCFEB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated cyan feels clean and airy without being overly aggressive. Because it has high contrast with black text, it serves as an excellent UI background for tech or wellness apps that require readability. Pair #7bcfeb with dark charcoal grays rather than white to avoid a washed-out appearance. The hex code for this cool, modern blue is #7bcfeb.
Questions about #7bcfeb
What is #7bcfeb in RGB, HSL and CMYK?
In RGB, #7bcfeb is rgb(123, 207, 235), in HSL hsl(195, 74%, 70%) and in CMYK 48%, 12%, 0%, 8%.
How should I pair #7bcfeb in a user interface?
Use #7bcfeb as a primary background color paired with dark charcoal text to maximize readability. Using pure black can be too harsh against this light tone, while dark grays maintain the airy, modern aesthetic without washing out the content.
Is #7bcfeb readable on white or black?
#7bcfeb has a 1.75:1 contrast ratio on white and 11.96: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.