#65BB56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#65bb56 is a loud, high-chroma green that demands attention. Because of its intensity, avoid using it as a primary background color, as it can quickly overwhelm a UI. Instead, treat it as a deliberate 10% accent for calls to action or data highlights. It creates a striking, modern contrast when paired with dark charcoal greys, ensuring readability while maintaining a clean, organic aesthetic.
Questions about #65bb56
What is #65bb56 in RGB, HSL and CMYK?
In RGB, #65bb56 is rgb(101, 187, 86), in HSL hsl(111, 43%, 54%) and in CMYK 46%, 0%, 54%, 27%. Browse more shades of green with names and hex codes.
How should I effectively use #65bb56 in a UI design?
#65bb56 is extremely intense, so avoid using it as a primary background color. Instead, treat it as a deliberate 10% accent for primary call-to-action buttons or data visualizations to guide user attention without overwhelming the overall layout.
What colors pair well with #65bb56 for a modern look?
Pair #65bb56 with deep charcoal or near-black tones to create high-contrast, professional interfaces. This combination ensures the green remains readable and organic while providing a grounded, stable visual foundation for the surrounding UI elements.
Is #65bb56 readable on white or black?
#65bb56 has a 2.38:1 contrast ratio on white and 8.79: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.