#12CC82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, neon-leaning green is highly saturated and demands immediate attention. The hex code #12cc82 works best as a small accent or call-to-action button rather than a primary background color. Black text provides excellent readability against this shade, hitting a 10.0:1 contrast ratio. If you need to neutralize this punchy green, try mixing gray into your palette.
Questions about #12cc82
What is #12cc82 in RGB, HSL and CMYK?
In RGB, #12cc82 is rgb(18, 204, 130), in HSL hsl(156, 84%, 44%) and in CMYK 91%, 0%, 36%, 20%.
What is the best way to use #12cc82 in a design project?
Use #12cc82 sparingly as a high-impact accent or call-to-action button to draw immediate user attention. Because of its intense, neon-leaning saturation, it overwhelms layouts when used as a background, so keep it limited to small, interactive elements.
Does #12cc82 work well with text?
Black text offers excellent readability against #12cc82, achieving a 10.0:1 contrast ratio that meets accessibility standards. While the green is bright, pairing it with dark tones like charcoal or deep black keeps your interface clean and legible for users.
Is #12cc82 readable on white or black?
#12cc82 has a 2.10:1 contrast ratio on white and 9.98: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.