#22A501 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#22a501 is a high-intensity green with strong saturation and an undeniable presence. Due to its brightness, it functions best as a focused accent or call-to-action button rather than a primary background color. It pairs surprisingly well with deep charcoal grays to ground its loudness. Because it offers strong contrast with black text, the hex code #22a501 ensures your typography remains legible and accessible.
Questions about #22a501
What is #22a501 in RGB, HSL and CMYK?
In RGB, #22a501 is rgb(34, 165, 1), in HSL hsl(108, 99%, 33%) and in CMYK 79%, 0%, 99%, 35%.
What is the best way to use #22a501 in a layout?
This shade functions most effectively as a targeted accent color for call-to-action buttons or status indicators rather than a background. Because of its extreme saturation, using #22a501 sparingly helps maintain visual balance without overwhelming the user interface design.
Which colors pair well with #22a501?
Deep, neutral tones like charcoal work exceptionally well to ground the intensity of this green. These dark grays provide a strong contrast that lets the brightness of #22a501 stand out without clashing, ensuring a professional, readable result for digital projects.
Is #22a501 readable on white or black?
#22a501 has a 3.25:1 contrast ratio on white and 6.45: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.