#6BC3F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This crisp, cool sky blue features a high lightness and moderate saturation. Because it maintains strong contrast against black text, the hex code #6bc3f2 works exceptionally well for legible UI backgrounds or digital interfaces. It pairs effectively with deep charcoal or slate greys for a modern look, avoiding the washed-out feel that occurs when this shade is placed directly against pure white.
Questions about #6bc3f2
What is #6bc3f2 in RGB, HSL and CMYK?
In RGB, #6bc3f2 is rgb(107, 195, 242), in HSL hsl(201, 84%, 68%) and in CMYK 56%, 19%, 0%, 5%.
What colors pair well with #6bc3f2 for a UI design?
#6bc3f2 pairs beautifully with deep charcoal or slate grays to create a modern, high-contrast look that remains readable. Using dark neutrals prevents this sky blue from appearing washed out while maintaining a clean, professional digital aesthetic.
Is #6bc3f2 suitable for text on a white background?
#6bc3f2 is generally too light for body text when placed against pure white, as it lacks sufficient contrast for accessibility. It works best as an accent color, a button background, or a primary header shade rather than for standard reading content.
Is #6bc3f2 readable on white or black?
#6bc3f2 has a 1.96:1 contrast ratio on white and 10.71: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.