#027C0C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-chroma green commands attention with its intense, leaf-like presence. Because of its high intensity, it works best as a 10% accent color for calls to action rather than a dominant background. White text sits comfortably on this shade, meeting accessibility standards for small body text. The hex code #027c0c pairs well with soft creams or desaturated grays to balance its loud energy.
Questions about #027c0c
What is #027c0c in RGB, HSL and CMYK?
In RGB, #027c0c is rgb(2, 124, 12), in HSL hsl(125, 97%, 25%) and in CMYK 98%, 0%, 90%, 51%.
How should I use #027c0c in a UI design?
#027c0c functions best as a high-visibility accent color rather than a primary background shade. Its intense, leaf-like saturation makes it ideal for call-to-action buttons or status indicators where you need to draw the user's eye immediately.
What colors pair well with #027c0c?
To balance the aggressive energy of #027c0c, pair it with cream or light-gray neutrals. These softer, desaturated backgrounds prevent the green from overwhelming your design and create a more professional, grounded aesthetic for your interfaces.
Is #027c0c readable on white or black?
#027c0c has a 5.39:1 contrast ratio on white and 3.89: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.