#02700B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep green is an intense shade that leans heavily into darker territory. Because of its weight, #02700b functions best as a 10% accent color rather than a main background, where it can appear overly heavy. It provides excellent contrast for white text, making it a solid choice for bold UI elements or primary calls to action that require a serious, grounded tone.
Questions about #02700b
What is #02700b in RGB, HSL and CMYK?
In RGB, #02700b is rgb(2, 112, 11), in HSL hsl(125, 96%, 22%) and in CMYK 98%, 0%, 90%, 56%.
How should I use #02700b in a professional UI design?
Apply #02700b sparingly as a 10% accent color for primary buttons or status indicators, rather than as a large background fill. Its heavy, grounded intensity ensures high contrast against white text, making it perfect for driving user attention to critical action points.
What colors pair well with the deep green of #02700b?
This shade works best when paired with neutrals to balance its saturation. Use it alongside cream or light gray to ground your palette, or try a complementary pop of soft peach to add warmth without overwhelming the serious, professional tone of the green.
Is #02700b readable on white or black?
#02700b has a 6.31:1 contrast ratio on white and 3.32: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.