#66A3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, neon-leaning blue feels energetic and assertive without losing professional focus. Because of its high saturation, #66a3ff works best as an accent color for calls to action or UI highlights rather than a full background. Pair it with charcoal or slate gray to anchor its intensity. The hex code for this shade is #66a3ff, which supports high-contrast black text for excellent readability.
Questions about #66a3ff
What is #66a3ff in RGB, HSL and CMYK?
In RGB, #66a3ff is rgb(102, 163, 255), in HSL hsl(216, 100%, 70%) and in CMYK 60%, 36%, 0%, 0%.
What colors pair well with #66a3ff?
Pair #66a3ff with charcoal or deep slate grays to ground its intensity and maintain a professional aesthetic. These darker neutrals allow the bright blue to pop as a call-to-action button or a vibrant UI accent without overwhelming the layout.
Is #66a3ff suitable for text on a white background?
This blue provides strong contrast against white and light gray backgrounds, making it a reliable choice for buttons or active state indicators. When using it for smaller body text, verify the contrast ratios to ensure it remains legible for all users.
Is #66a3ff readable on white or black?
#66a3ff has a 2.54:1 contrast ratio on white and 8.24: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.