#318C16 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy green demands attention without leaning into neon territory. Because it is highly readable against black text, the hex code #318c16 functions best as a strong accent color for calls to action or UI elements. It feels organic and stable, yet vivid enough to avoid looking muddy. Use it sparingly, as this intensity can easily overwhelm a layout if used for large backgrounds.
Questions about #318c16
What is #318c16 in RGB, HSL and CMYK?
In RGB, #318c16 is rgb(49, 140, 22), in HSL hsl(106, 73%, 32%) and in CMYK 65%, 0%, 84%, 45%.
Where should I use #318c16 in a design layout?
#318c16 functions best as a high-impact accent color for call to action buttons or small UI elements like notification badges. Because this green is quite saturated, avoid using it for large backgrounds, which can overwhelm the viewer and distract from your primary content.
What colors pair well with #318c16 for a balanced palette?
Is #318c16 readable on white or black?
#318c16 has a 4.29:1 contrast ratio on white and 4.89: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.