#22B57C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mid-tone green carries a natural, balanced energy suitable for eco-conscious branding or sustainable UI elements. Because it is highly legible, black text works perfectly over this hue for accessibility. The hex code #22b57c functions best as a dominant accent rather than a full page background, as its intensity can feel overwhelming in large blocks. Pair it with soft, muted greys to ground the overall palette.
Questions about #22b57c
What is #22b57c in RGB, HSL and CMYK?
In RGB, #22b57c is rgb(34, 181, 124), in HSL hsl(157, 68%, 42%) and in CMYK 81%, 0%, 31%, 29%.
What colors pair best with #22b57c in a design layout?
Is #22b57c suitable for large areas or backgrounds?
Because of its intense saturation, #22b57c can easily become visually fatiguing if used as a primary background color. It is much more effective when reserved for call-to-action buttons, success indicators, or specific graphical accents that need to grab attention.
Is #22b57c readable on white or black?
#22b57c has a 2.63:1 contrast ratio on white and 7.96: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.