#12AA2C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-chroma green commands attention immediately. Because #12aa2c is so saturated, it can overwhelm large backgrounds, so use it sparingly as an accent for call-to-action buttons or highlights. It pairs surprisingly well with deep charcoal grays to create a modern, eco-conscious aesthetic. Since black text provides a strong 6.8:1 contrast ratio against it, the hex code #12aa2c is accessible for smaller UI elements.
Questions about #12aa2c
What is #12aa2c in RGB, HSL and CMYK?
In RGB, #12aa2c is rgb(18, 170, 44), in HSL hsl(130, 81%, 37%) and in CMYK 89%, 0%, 74%, 33%.
How can I effectively use #12aa2c in web design?
#12aa2c functions best as a high-visibility accent color rather than a primary background shade. Because of its intense saturation, it draws immediate focus to interactive elements like call-to-action buttons, status indicators, or primary links without overwhelming the overall page layout.
What colors pair well with #12aa2c for a modern look?
This green pairs exceptionally well with charcoal or deep slate grays to establish a balanced, professional aesthetic. Using dark neutrals allows the vibrant energy of #12aa2c to pop while maintaining excellent readability, especially when used for text or iconography.
Is #12aa2c readable on white or black?
#12aa2c has a 3.08:1 contrast ratio on white and 6.81: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.