#5ED686 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5ed686 is a high-saturation, luminous green that commands immediate attention. Its bright, almost neon quality makes it difficult to use as a full background, but it serves as an excellent 10% accent color for UI elements or call-to-action buttons. Because it maintains strong contrast against black text, it offers reliable readability. Pair this hex code with dark slate grays to ground its intense, sparkling energy.
Questions about #5ed686
What is #5ed686 in RGB, HSL and CMYK?
In RGB, #5ed686 is rgb(94, 214, 134), in HSL hsl(140, 59%, 60%) and in CMYK 56%, 0%, 37%, 16%.
Where should I use #5ed686 in a design system?
#5ed686 functions most effectively as a strategic 10% accent color for interactive elements like buttons or notification badges. Its intense, neon-leaning energy can overwhelm layouts, so keep it contained to specific areas that require immediate user attention rather than broad background applications.
What colors pair well with #5ed686?
#5ed686 creates a sophisticated balance when paired with deep, neutral tones like charcoal or dark slate. These grounding colors absorb the visual vibration of this green, allowing it to stand out as a clean, modern highlight without appearing chaotic or jarring to the eye.
Is #5ed686 readable on white or black?
#5ed686 has a 1.83:1 contrast ratio on white and 11.43: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.