#00AD50 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green carries high intensity, making it a bold choice for UI highlights. Because it is so punchy, #00ad50 works best as a small accent rather than a full background. It provides strong readability with black text, which meets strict accessibility standards. Designers often pair this hex code with dark charcoals to create clean, modern interfaces that demand immediate user attention.
Questions about #00ad50
What is #00ad50 in RGB, HSL and CMYK?
In RGB, #00ad50 is rgb(0, 173, 80), in HSL hsl(148, 100%, 34%) and in CMYK 100%, 0%, 54%, 32%.
How should I use #00ad50 in a web interface?
#00ad50 functions best as a focused UI accent rather than a full background because of its high saturation. Use it for call-to-action buttons, success indicators, or notifications where you need to draw the eye immediately against a neutral, clean interface.
What colors pair well with #00ad50?
This green works best when paired with dark, neutral shades like charcoal or deep greys to balance its intensity. Using high-contrast neutrals ensures the vibrant green remains the focal point without overwhelming the overall layout or hurting visual accessibility.
Is #00ad50 readable on white or black?
#00ad50 has a 2.96:1 contrast ratio on white and 7.09: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.