#46F285 Hex Color

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

Hex color #46f285 graphic
This neon green is highly saturated and demands attention. Because #46f285 creates such high visual impact, use it sparingly as a 10% accent color for UI highlights or buttons rather than a background. It pairs surprisingly well with deep, moody charcoals. Since it is so bright, avoid using it with other neon shades, as the eye needs a mixing gray palette to ground the intensity.

Questions about #46f285

What is #46f285 in RGB, HSL and CMYK?
In RGB, #46f285 is rgb(70, 242, 133), in HSL hsl(142, 87%, 61%) and in CMYK 71%, 0%, 45%, 5%.
How should I use #46f285 in a UI design?
Use #46f285 exclusively as a small-scale accent color for primary buttons, toggle switches, or call-to-action links. Because this neon green is so visually intense, applying it to large backgrounds will quickly overwhelm the user and cause significant eye fatigue.
What colors pair well with #46f285?
Ground the high intensity of #46f285 by pairing it with charcoal or deep, desaturated slate tones. These dark neutrals absorb the vibrancy of the neon, allowing it to pop as a focal point without clashing or becoming visually distracting.
Is #46f285 readable on white or black?
#46f285 has a 1.46:1 contrast ratio on white and 14.29: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.