#56FEB5 Hex Color

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

Hex color #56feb5 graphic
This high-intensity green pulses with electric energy, making it an ideal candidate for UI accents rather than large backgrounds. Because of its extreme brightness, #56feb5 works best when paired with deep, desaturated charcoals or dark navies to ground its neon quality. The hex code #56feb5 offers enough contrast for black text, ensuring readability in small, punchy interface elements like buttons or notification badges.

Questions about #56feb5

What is #56feb5 in RGB, HSL and CMYK?
In RGB, #56feb5 is rgb(86, 254, 181), in HSL hsl(154, 99%, 67%) and in CMYK 66%, 0%, 29%, 0%.
What colors pair best with #56feb5 for UI design?
Because of its extreme brightness, #56feb5 requires deep, neutral grounding to remain readable. Pair it with dark charcoal or navy backgrounds, which contain the neon energy while ensuring accessibility for text and interactive elements.
Is #56feb5 readable on white or black?
#56feb5 has a 1.29:1 contrast ratio on white and 16.23: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.