#66CAF7 Hex Color

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

Select a Color

This bright sky blue carries a light, airy quality that keeps user interfaces feeling open and clean. Because of its high lightness, it pairs unexpectedly well with deep charcoal or burnt orange accents for a modern contrast. The hex code #66caf7 is accessible for body text against black, making it a reliable choice for functional UI backgrounds that need to balance personality with readability.

Questions about #66caf7

What is #66caf7 in RGB, HSL and CMYK?

In RGB, #66caf7 is rgb(102, 202, 247), in HSL hsl(199, 90%, 68%) and in CMYK 59%, 18%, 0%, 3%.

What colors pair well with 66caf7 for a modern UI?

This sky blue looks best when grounded by deep neutrals like charcoal or navy to provide necessary contrast. For a pop of unexpected energy, accent 66caf7 with a saturated burnt orange to create a vibrant, balanced aesthetic.

Is #66caf7 readable on white or black?

#66caf7 has a 1.84:1 contrast ratio on white and 11.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.

#66CAF7 Hex Color

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

Questions about #66caf7

Color tools

Resources