#168E1B 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 excellent choice for call-to-action buttons or accent elements. Because of its weight, use it sparingly rather than as a primary background. It pairs well with crisp white or dark gray to maintain readability. The hex code for this bold green is #168e1b, and it supports small black text for solid accessibility contrast.
Questions about #168e1b
What is #168e1b in RGB, HSL and CMYK?
In RGB, #168e1b is rgb(22, 142, 27), in HSL hsl(122, 73%, 32%) and in CMYK 85%, 0%, 81%, 44%.
Where should I use #168e1b in a UI layout?
#168e1b functions best as a high-contrast accent color for primary call-to-action buttons or status indicators. Avoid using this saturated green as a large background fill, as its high intensity can easily fatigue the eye and overwhelm other page elements.
What colors pair well with #168e1b?
This green pairs effectively with neutrals like charcoal or crisp white to maintain readability. For a balanced, high-contrast look, use this color alongside soft grays or off-whites, which prevent the intense chroma of #168e1b from clashing with surrounding text.
Is #168e1b readable on white or black?
#168e1b has a 4.26:1 contrast ratio on white and 4.91: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.