#0AC774 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, neon green commands immediate attention with its high intensity. Because it is so dominant, use #0ac774 as a tactical 10% accent rather than a full background to avoid overwhelming the eye. It pairs surprisingly well with deep charcoal grays, providing the necessary contrast for buttons or status alerts. With black text, this hex code maintains excellent readability for critical UI elements.
Questions about #0ac774
What is #0ac774 in RGB, HSL and CMYK?
In RGB, #0ac774 is rgb(10, 199, 116), in HSL hsl(154, 90%, 41%) and in CMYK 95%, 0%, 42%, 22%. Browse more shades of green with names and hex codes.
What is the best way to use #0ac774 in design?
Use #0ac774 as a tactical accent covering roughly 10 percent of your interface, such as for buttons or status notifications. Because of its extreme saturation, applying it to large backgrounds often overwhelms the user and strains the eye.
Which colors pair well with #0ac774?
High-contrast neutrals like charcoal or deep slate grays ground this vivid green effectively. These dark tones stabilize the intensity of #0ac774, ensuring that your text remains readable while the green element draws necessary attention to specific UI actions.
Is #0ac774 readable on white or black?
#0ac774 has a 2.22:1 contrast ratio on white and 9.43: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.