#7CBCF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7cbcf4 is a cool, unsaturated blue with high clarity. Because it maintains a 10.4:1 contrast ratio against black text, it functions effectively as a readable background for interface design or healthcare applications. This hex code avoids the muddy feel of darker pastels, keeping layouts looking crisp. Pair it with charcoal gray instead of pure white to maintain a balanced, modern aesthetic.
Questions about #7cbcf4
What is #7cbcf4 in RGB, HSL and CMYK?
In RGB, #7cbcf4 is rgb(124, 188, 244), in HSL hsl(208, 85%, 72%) and in CMYK 49%, 23%, 0%, 4%.
What colors pair well with #7cbcf4?
Pair #7cbcf4 with charcoal or deep navy to maintain a balanced, modern aesthetic instead of using pure white. This combination grounds the airy quality of the blue, preventing the design from feeling too washed out or overly clinical.
Is #7cbcf4 readable on white or black?
#7cbcf4 has a 2.02:1 contrast ratio on white and 10.35: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.