#0A8222 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated green carries a high level of chroma, making it an ideal choice for high-visibility UI elements like calls to action. The hex code #0a8222 provides enough contrast for white text to remain legible. Use this color sparingly as a 10% accent in your palette, as its sheer brightness can quickly overpower neutral backgrounds if applied in larger areas.
Questions about #0a8222
What is #0a8222 in RGB, HSL and CMYK?
In RGB, #0a8222 is rgb(10, 130, 34), in HSL hsl(132, 86%, 27%) and in CMYK 92%, 0%, 74%, 49%.
How can I effectively use #0a8222 in a UI design interface?
#0a8222 is best utilized as a targeted 10% accent color for high-visibility elements like call-to-action buttons. Because of its intense saturation, avoid using it as a large background or primary block to prevent it from overwhelming your layout.
What colors create a balanced palette with #0a8222?
Is #0a8222 readable on white or black?
#0a8222 has a 4.96:1 contrast ratio on white and 4.22:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.