#22B14C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green is high-energy and demands immediate attention. Because of its intensity, #22b14c works best as a small accent color rather than a large background. Pair it with dark grays or charcoal to ground its boldness. It is useful for call-to-action buttons or highlights where high visibility is needed. The hex code for this vivid shade is #22b14c.
Questions about #22b14c
What is #22b14c in RGB, HSL and CMYK?
In RGB, #22b14c is rgb(34, 177, 76), in HSL hsl(138, 68%, 41%) and in CMYK 81%, 0%, 57%, 31%.
What is the best way to use #22b14c in design?
Because #22b14c is highly saturated and demands attention, it is best reserved for small, functional UI elements like call-to-action buttons, success indicators, or highlights. Avoid using it as a large background color, as its intensity can quickly overwhelm a user interface.
Is #22b14c readable on white or black?
#22b14c 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.