#5FAFFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon blue leans heavily into high saturation, creating a crisp and electric effect. Because #5fafff feels artificial and intense, it works best as a vibrant accent color rather than a large background. It pairs well with charcoal greys, but be aware that when mixing gray, you need to balance this vivid hue carefully. Use black for text to ensure high contrast readability. The hex code for this shade is #5fafff.
Questions about #5fafff
What is #5fafff in RGB, HSL and CMYK?
In RGB, #5fafff is rgb(95, 175, 255), in HSL hsl(210, 100%, 69%) and in CMYK 63%, 31%, 0%, 0%.
How can I effectively use #5fafff in a user interface?
#5fafff works best as a strategic accent color to draw attention to call-to-action buttons or important highlights. Because this neon blue is so intense, avoid using it for large text blocks or backgrounds where it can cause eye strain.
What colors pair well with #5fafff to balance its intensity?
Charcoal greys and deep navies provide the necessary neutral grounding to tame the electric energy of #5fafff. Pairing it with dark, muted tones creates a sophisticated contrast that keeps the overall design readable and visually balanced for professional projects.
Is #5fafff readable on white or black?
#5fafff has a 2.31:1 contrast ratio on white and 9.06: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.