#66CFF6 Hex Color

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

Hex color #66cff6 graphic
#66cff6 is a saturated, bright cyan that leans toward a crisp sky blue. Because it is so luminous, use it as an energetic accent color rather than a dominant background. It pairs well with charcoal or deep navy grays for a balanced interface. With a high contrast ratio against black text, this hex code easily meets accessibility standards for body content.

Questions about #66cff6

What is #66cff6 in RGB, HSL and CMYK?
In RGB, #66cff6 is rgb(102, 207, 246), in HSL hsl(196, 89%, 68%) and in CMYK 59%, 16%, 0%, 4%.
What colors pair well with #66cff6 for a balanced interface?
Use deep neutrals like charcoal or dark navy to ground the luminosity of #66cff6. These dark, muted tones prevent the blue from becoming overwhelming while maintaining a professional and clean aesthetic for modern web layouts.
Is #66cff6 suitable for body text or important UI elements?
#66cff6 is best utilized as an accent color for buttons or icons rather than body text. Because it is highly saturated, it may struggle with readability on standard white backgrounds, so pair it with darker themes for optimal accessibility.
Is #66cff6 readable on white or black?
#66cff6 has a 1.77:1 contrast ratio on white and 11.82: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.