#FF6B6B
#FFD93D
#6BCB77
#4D96FF
#6BCB77 · Emerald
Click to copy#6BCB77 is a medium, moderately saturated green color, closest to Emerald and near Emerald and Pistachio. In OKLCH it has 76% lightness and 0.15 chroma at hue 147°. Green suggests growth, balance and nature; it reads as calm and trustworthy, which makes #6BCB77 a natural choice for success states, wellness, finance and eco brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#6BCB77RGB
rgb(107, 203, 119)HSL
hsl(128, 48%, 61%)CMYK
47, 0, 41, 20CSS var
--emeraldContrast
2.01:1 white · 10.43:1 blackSimilar named colors
How to use #6BCB77
Black text passes WCAG AA on #6BCB77 (10.43:1); white text does not (2.01:1).
For a calm scheme pair #6BCB77 with its analogous neighbors #8FCB6C and #6CCBA8; for contrast use its complement #CB6CBF as a small accent, and anchor everything with a neutral such as #1F1F24.
--emerald: #6BCB77;
$emerald: #6BCB77;
colors: { 'emerald': '#6BCB77' }