#66BB6A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This medium-bright green carries a distinct, sharp energy perfect for sustainability branding or medical UI components. Because it is highly saturated, it works best as an accent color rather than a large background. It pairs exceptionally well with dark, charcoal grays to create a clean, modern contrast. The hex code for this shade is #66bb6a, which maintains high readability with black text.
Questions about #66bb6a
What is #66bb6a in RGB, HSL and CMYK?
In RGB, #66bb6a is rgb(102, 187, 106), in HSL hsl(123, 38%, 57%) and in CMYK 45%, 0%, 43%, 27%.
How should I use #66bb6a in user interface design?
Use #66bb6a primarily as an accent color for calls to action, success messages, or toggle switches rather than as a large background fill. Its high saturation works best when balanced against neutral backgrounds like charcoal or deep gray to maintain readability.
What colors pair well with #66bb6a?
This green pairs exceptionally well with dark, neutral tones like charcoal or slate to create a clean, modern aesthetic. For a more natural, organic feel, consider pairing it with soft creams or warm earth tones to ground the high-energy vibrancy.
Is #66bb6a readable on white or black?
#66bb6a has a 2.36:1 contrast ratio on white and 8.88: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.