#00A155 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy green demands attention without feeling abrasive. It serves best as a targeted accent or button color, as it can overwhelm layouts when used in large blocks. Black text pairs perfectly with this tone for high-legibility UI elements. The hex code for this lush, reliable green is #00a155.
Questions about #00a155
What is #00a155 in RGB, HSL and CMYK?
In RGB, #00a155 is rgb(0, 161, 85), in HSL hsl(152, 100%, 32%) and in CMYK 100%, 0%, 47%, 37%.
Where should I use #00a155 in a user interface?
Reserve #00a155 for interactive elements like primary buttons, success states, or notification badges where you need to draw attention. Because it is highly saturated, avoid using it as a large background fill, as it can overwhelm the visual hierarchy of your design.
What colors pair well with #00a155 for a balanced palette?
This green pairs beautifully with charcoal for high-legibility text or deep navy tones for a professional contrast. To create a more energetic scheme, consider using soft corals or warm creams, which provide a balanced counterpoint to the intensity of #00a155.
Is #00a155 readable on white or black?
#00a155 has a 3.37:1 contrast ratio on white and 6.22: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.