#23AC5F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #23ac5f graphic
This vivid green carries intense, high-energy chroma that grabs attention immediately. Because it is so saturated, #23ac5f works best as an accent or call-to-action button rather than a large background. It pairs exceptionally well with charcoal grays or deep navies to ground its brightness. With a 7.1:1 contrast ratio against black, the hex code #23ac5f remains readable even in small UI elements.

Questions about #23ac5f

What is #23ac5f in RGB, HSL and CMYK?
In RGB, #23ac5f is rgb(35, 172, 95), in HSL hsl(146, 66%, 41%) and in CMYK 80%, 0%, 45%, 33%.
When should I use #23ac5f in my interface design?
#23ac5f functions best as a high-visibility accent color or a call-to-action button rather than a large background color. Its high saturation and intensity naturally draw the eye, making it effective for primary interactive elements that need to stand out.
Which colors balance the intensity of #23ac5f?
This vibrant green pairs exceptionally well with deep, grounded neutrals like charcoal or deep navy to stabilize its brightness. These darker hues prevent the vivid green from feeling overwhelming while maintaining a professional contrast ratio that keeps your layout readable.
Is #23ac5f readable on white or black?
#23ac5f has a 2.94:1 contrast ratio on white and 7.13: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.