#5AC37D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #5ac37d delivers a saturated, neon appearance that demands attention. Black text remains highly readable over this shade, making it a strong choice for UI buttons or action items. It feels more clinical than organic, so use it as a 10% accent rather than a primary background. Pair it with dark charcoals to ground its high intensity.
Questions about #5ac37d
What is #5ac37d in RGB, HSL and CMYK?
In RGB, #5ac37d is rgb(90, 195, 125), in HSL hsl(140, 47%, 56%) and in CMYK 54%, 0%, 36%, 24%.
How should I use #5ac37d in a UI design interface?
#5ac37d works best as a 10% accent color for interactive elements like buttons or notification badges. Because it is highly saturated and feels clinical, avoid using it as a primary background color to prevent eye strain and maintain design balance.
What colors create a balanced palette with #5ac37d?
This neon green pairs exceptionally well with deep, grounding neutrals like charcoal or near-black tones. These dark backgrounds provide the high contrast needed for accessibility while preventing the intensity of #5ac37d from overwhelming the overall visual hierarchy of your layout.
Is #5ac37d readable on white or black?
#5ac37d has a 2.20:1 contrast ratio on white and 9.53: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.