#2FA0FD Hex Color
A vibrant blue with high energy
This bright, high-saturation blue commands attention without feeling aggressive. Its high intensity makes #2fa0fd an excellent candidate for primary buttons and interface accents that need to stand out. Because black text maintains a strong 7.6:1 contrast ratio against it, you can use this hex code for functional elements like icons or bold call-to-action text without sacrificing readability. Use it sparingly to avoid overwhelming your layout.
Questions about #2fa0fd
What is #2fa0fd in RGB, HSL and CMYK?
In RGB, #2fa0fd is rgb(47, 160, 253), in HSL hsl(207, 98%, 59%) and in CMYK 81%, 37%, 0%, 1%.
What colors pair best with #2fa0fd?
This bright blue functions best when paired with neutral tones to prevent visual fatigue, particularly charcoal or crisp white. For a more balanced design, combine it with desaturated grays to anchor the high intensity and keep your layout from feeling overwhelmed.
Is #2fa0fd readable on white or black?
#2fa0fd has a 2.77:1 contrast ratio on white and 7.56: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.