#6CBFF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, high-saturation blue brings a fresh, youthful energy to UI backgrounds. Because it is light and bright, the hex code #6cbff7 works best as a primary action color or a subtle graphic accent rather than a full-page background. It maintains strong legibility with black text, making it a reliable choice for tech or healthcare interfaces needing a clean, trustworthy feel.
Questions about #6cbff7
What is #6cbff7 in RGB, HSL and CMYK?
In RGB, #6cbff7 is rgb(108, 191, 247), in HSL hsl(204, 90%, 70%) and in CMYK 56%, 23%, 0%, 3%.
Where should I use #6cbff7 in my design?
#6cbff7 performs best as a primary action color or a vibrant graphic accent because of its high saturation. Avoid using it as a full-page background, as it can overwhelm the eye; instead, use it to draw attention to buttons or specific UI elements.
What colors pair best with #6cbff7?
Is #6cbff7 readable on white or black?
#6cbff7 has a 2.01:1 contrast ratio on white and 10.43: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.