#16B157 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold green is highly saturated and intense, making it a natural choice for high-visibility buttons and calls to action. It pairs unexpectedly well with deep charcoal grays rather than standard whites. Because of its strength, use #16b157 as a 10% accent rather than a background. Black text reads clearly over this hex code, ensuring that your critical interface elements remain legible.
Questions about #16b157
What is #16b157 in RGB, HSL and CMYK?
In RGB, #16b157 is rgb(22, 177, 87), in HSL hsl(145, 78%, 39%) and in CMYK 88%, 0%, 51%, 31%.
Does #16b157 work well for text?
This green is best reserved for UI elements like buttons or borders rather than body text. Because of its high saturation, black text creates a sharp, legible contrast against #16b157, while white text often struggles to maintain sufficient readability standards for accessibility.
What colors pair well with #16b157?
Avoid pairing this green with standard whites, which can feel harsh or jarring. Instead, try using charcoal or deep neutral grays; these tones ground the intensity of #16b157 and create a much more sophisticated, balanced visual hierarchy for your designs.
Is #16b157 readable on white or black?
#16b157 has a 2.81:1 contrast ratio on white and 7.46: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.