#2FA6FF Hex Color

An electric, highly saturated sky blue

Hex color #2fa6ff graphic
This bright, saturated blue acts as a powerful attention-grabber, making it ideal for call-to-action buttons or interface highlights. Because #2fa6ff feels so electric and intense, it works best as a sharp accent rather than a full background. It pairs well with dark neutral grays for balance. Black text maintains high accessibility here, performing better than white text in most legible layouts.

Questions about #2fa6ff

What is #2fa6ff in RGB, HSL and CMYK?
In RGB, #2fa6ff is rgb(47, 166, 255), in HSL hsl(206, 100%, 59%) and in CMYK 82%, 35%, 0%, 0%.
Does #2fa6ff work better with black or white text?
#2fa6ff requires black text to ensure sufficient readability and contrast in most digital interfaces. While this color is vibrant and attention-grabbing, its high luminosity makes white text blend in and become difficult for users to read quickly.
What colors pair well with the electric tone of #2fa6ff?
Dark neutral grays, like charcoal, provide the best balance for #2fa6ff because they ground its intense energy without competing for attention. Using deep, muted tones creates a professional contrast that makes this bright blue pop effectively in web layouts.
Is #2fa6ff readable on white or black?
#2fa6ff has a 2.61:1 contrast ratio on white and 8.01: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.