#5AF7BE Hex Color

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

Hex color #5af7be graphic
#5af7be is a high-intensity neon teal that glows with bright, clean energy. This hex code pairs well with dark charcoal or deep navy for high-contrast interfaces. Because it is so luminous, reserve it for small interface elements like buttons or notification badges rather than large backgrounds. It provides excellent legibility when paired with black text, making it a functional choice for modern digital displays.

Questions about #5af7be

What is #5af7be in RGB, HSL and CMYK?
In RGB, #5af7be is rgb(90, 247, 190), in HSL hsl(158, 91%, 66%) and in CMYK 64%, 0%, 23%, 3%.
Where should I use #5af7be in a design layout?
#5af7be functions best as a high-visibility accent color rather than a primary background shade. Reserve this neon teal for small, critical interface elements like action buttons, notification badges, or toggle states where it can create immediate visual impact against dark surfaces.
What colors pair well with #5af7be for UI design?
This neon teal demands a high-contrast partner to maintain legibility and professional balance. It pairs exceptionally well with deep charcoal or dark navy backgrounds, which ground the luminous intensity of the green and prevent the interface from feeling overwhelming.
Is #5af7be readable on white or black?
#5af7be has a 1.35:1 contrast ratio on white and 15.48: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.