#5AEEB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and luminous, #5aeeb4 carries a sharp, cool edge that demands attention. This neon teal is far too energetic for large backgrounds, but it functions perfectly as a high-contrast accent or call-to-action button. Pair it with deep charcoal or slate gray to ground its electric nature. The hex code #5aeeb4 offers excellent legibility for black text, making it a reliable choice for UI elements.
Questions about #5aeeb4
What is #5aeeb4 in RGB, HSL and CMYK?
In RGB, #5aeeb4 is rgb(90, 238, 180), in HSL hsl(156, 81%, 64%) and in CMYK 62%, 0%, 24%, 7%.
How can I effectively use #5aeeb4 in web interface design?
This neon teal is highly energetic and best reserved for call-to-action buttons or small UI accents that require high visibility. Because it is so luminous, avoid using #5aeeb4 as a large background color, as it can easily overwhelm the user.
What colors pair best with #5aeeb4 for a balanced palette?
To ground the electric nature of #5aeeb4, pair it with dark neutrals like charcoal or deep slate gray. These darker tones provide the necessary contrast to make the vibrancy of this teal pop without creating visual fatigue for the viewer.
Is #5aeeb4 readable on white or black?
#5aeeb4 has a 1.46:1 contrast ratio on white and 14.32: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.