#5AF194 Hex Color

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

Hex color #5af194 graphic
This neon green is highly saturated and demands attention. Because #5af194 feels electric and synthetic, it works best as a punchy accent color rather than a large background. It creates a stark, modern contrast when paired with dark charcoal or black text. Use it sparingly in UI designs to highlight calls to action or alert indicators where high visibility is required.

Questions about #5af194

What is #5af194 in RGB, HSL and CMYK?
In RGB, #5af194 is rgb(90, 241, 148), in HSL hsl(143, 84%, 65%) and in CMYK 63%, 0%, 39%, 5%.
How should #5af194 be used in user interface design?
Because #5af194 is highly saturated and demands attention, it is most effective as a functional accent rather than a background. Use it sparingly to guide user focus toward call-to-action buttons or critical system alerts against charcoal or deep black backgrounds.
Which colors pair best with the neon #5af194?
This shade creates a stark, modern impact when paired with neutral, dark tones like charcoal or deep matte black. Avoid pairing it with other highly saturated, bright colors, as the resulting vibration can cause significant eye strain and reduce readability.
Is #5af194 readable on white or black?
#5af194 has a 1.45:1 contrast ratio on white and 14.44: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.