#0BA02C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated green demands attention with its intense, high-energy presence. Because it is so loud, use #0ba02c sparingly as an accent color rather than a main background, which can overwhelm the eye. It pairs well with clean, stark whites or charcoal grays to ground its brilliance. This hex code provides excellent readability for small text, making it a reliable choice for functional UI highlights.
Questions about #0ba02c
What is #0ba02c in RGB, HSL and CMYK?
In RGB, #0ba02c is rgb(11, 160, 44), in HSL hsl(133, 87%, 34%) and in CMYK 93%, 0%, 72%, 37%.
Where should I use #0ba02c in a website design?
#0ba02c works best as a functional UI accent rather than a background color. Its high saturation makes it perfect for call-to-action buttons, success messages, or input focus states where you need to draw the user's eye immediately.
What colors pair well with #0ba02c for better balance?
Because this green is so intense, pairing it with neutral tones is essential to ground the design. Use deep charcoal for text to maintain high readability, or stark white for negative space to let the green pop without overwhelming the layout.
Is #0ba02c readable on white or black?
#0ba02c has a 3.45:1 contrast ratio on white and 6.07: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.