#26A500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#26a500 is a high-chroma green with intense, grassy saturation. Because this shade is so visually demanding, it works best as a deliberate accent or call-to-action button rather than a full-page background. It pairs effectively with cool charcoal grays to ground its loudness. With a contrast ratio of 6.5:1 against black text, the hex code #26a500 ensures excellent readability for UI labels and icons.
Questions about #26a500
What is #26a500 in RGB, HSL and CMYK?
In RGB, #26a500 is rgb(38, 165, 0), in HSL hsl(106, 100%, 32%) and in CMYK 77%, 0%, 100%, 35%.
Why is #26a500 difficult to use for large backgrounds?
Because #26a500 is a high-chroma green, its intense saturation quickly overwhelms the eye when applied to large areas. It functions most effectively as a deliberate accent color for buttons or icons where you need to guide the user's attention.
What neutral colors work best with #26a500?
Cool charcoal grays are the ideal choice to ground the loudness of #26a500 because they provide enough contrast to keep the green feeling crisp without competing for visual dominance. Avoid warm, brownish neutrals which can create a muddy, unattractive palette.
Is #26a500 readable on white or black?
#26a500 has a 3.24:1 contrast ratio on white and 6.46: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.