#66BAFF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #66baff graphic
A light, clear blue with a cool cyan undertone, #66baff feels fresh, sparkling, and youthful. Its softness supports themes of trust, security, and healthcare. The hex code #66baff works best as a supporting tone in interfaces, finance branding, and spring designs. Use black text for about 10:1 contrast, since white text can wash out against this bright background.

Questions about #66baff

What is #66baff in RGB, HSL and CMYK?
In RGB, #66baff is rgb(102, 186, 255), in HSL hsl(207, 100%, 70%) and in CMYK 60%, 27%, 0%, 0%.
What colors pair well with #66baff?
#66baff pairs well with navy, charcoal, and soft neutrals, while its complementary orange tones create stronger contrast. Use darker cool colors for grounded interfaces and restrained warm accents when you want the blue to feel more energetic.
Does #66baff look warm or cool?
#66baff reads as a cool, clear blue because its light blue base carries a noticeable cyan undertone, giving it a fresh, clean appearance that can support calm, trustworthy interface designs and healthcare-focused visual systems.
Is #66baff readable on white or black?
#66baff has a 2.09:1 contrast ratio on white and 10.03: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.