#66C61C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #66c61c graphic
This high-intensity lime demands attention with its bold, saturated pigment. Use #66c61c as a 10% accent color to highlight UI calls to action or sports branding, as it can overwhelm large backgrounds. It pairs well with dark charcoal rather than black. While you might want to mute it, learning how to make gray helps balance this neon shade without losing its energetic edge.

Questions about #66c61c

What is #66c61c in RGB, HSL and CMYK?
In RGB, #66c61c is rgb(102, 198, 28), in HSL hsl(94, 75%, 44%) and in CMYK 48%, 0%, 86%, 22%.
Does #66c61c work well on a light background?
#66c61c is extremely bright and will lack sufficient contrast against white or light gray backgrounds for accessibility standards. Pair it with charcoal or deep navy text to create a more readable, balanced aesthetic that prevents the color from appearing washed out.
What is the best way to use #66c61c in an interface?
Because #66c61c is such a high-intensity pigment, it functions best as a signal color for micro-interactions. Limit its use to small interface elements like primary buttons or notification badges to ensure the vibrant green remains an energetic tool rather than a visual distraction.
Is #66c61c readable on white or black?
#66c61c has a 2.17:1 contrast ratio on white and 9.65:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.