#12AA5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity green is bold and commands attention without feeling aggressive. Because it is so saturated, #12aa5f works best as a 10% accent color for calls to action rather than a large background field. It pairs surprisingly well with muted purples for a modern contrast. Black text is perfectly readable here, maintaining a strong contrast ratio of 6.9:1 for accessibility.
Questions about #12aa5f
What is #12aa5f in RGB, HSL and CMYK?
In RGB, #12aa5f is rgb(18, 170, 95), in HSL hsl(150, 81%, 37%) and in CMYK 89%, 0%, 44%, 33%.
How should I use #12aa5f in my user interface designs?
#12aa5f works best as a targeted 10% accent color for primary buttons or status indicators rather than a large background field. Because it is so saturated, using it sparingly ensures it commands attention without overwhelming your layout or exhausting the viewer.
What colors pair well with #12aa5f for a balanced palette?
This vibrant green pairs surprisingly well with muted purples for a modern, high-contrast effect that feels sophisticated. To maintain balance, pair #12aa5f with neutral charcoal or soft off-whites to ground the intensity while letting the green pop effectively.
Is #12aa5f readable on white or black?
#12aa5f has a 3.02:1 contrast ratio on white and 6.94:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.