#03A63C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, high-intensity green, #03a63c commands immediate attention. Its boldness works best as a 10 percent accent color for calls to action or UI highlights rather than a large background. Pair this hex code with dark grays or clean white text for optimal readability. Because it is so vivid, using it sparingly keeps layouts balanced and prevents visual fatigue.
Questions about #03a63c
What is #03a63c in RGB, HSL and CMYK?
In RGB, #03a63c is rgb(3, 166, 60), in HSL hsl(141, 96%, 33%) and in CMYK 98%, 0%, 64%, 35%.
How should I use #03a63c in a UI design?
Use #03a63c sparingly as a 10 percent accent color to draw immediate attention to buttons or notifications. Because it is so vivid, applying it to large background areas can easily cause visual fatigue and overwhelm your users.
What colors pair well with #03a63c?
Pair #03a63c with charcoal or deep, neutral grays to ground its intensity without losing legibility. Clean white text also creates the necessary contrast to make this specific green pop effectively against darker interface elements or subtle monochromatic backgrounds.
Is #03a63c readable on white or black?
#03a63c has a 3.21:1 contrast ratio on white and 6.52: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.