HEX #3BCE60 color — Emerald

The color #3bce60 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3bce60 color palette from light to dark

HEX RGB HSL
#f3fcf5 rgb(243,252,245) hsl(135,60%,97%)
#def7e4 rgb(222,247,228) hsl(135,60%,92%)
#caf2d4 rgb(202,242,212) hsl(135,60%,87%)
#b6edc3 rgb(182,237,195) hsl(135,60%,82%)
#a1e8b3 rgb(161,232,179) hsl(135,60%,77%)
#8de2a2 rgb(141,226,162) hsl(135,60%,72%)
#78dd92 rgb(120,221,146) hsl(135,60%,67%)
#64d881 rgb(100,216,129) hsl(135,60%,62%)
#50d370 rgb(80,211,112) hsl(135,60%,57%)
#3bce60 rgb(59,206,96) hsl(135,60%,52%)
#30c054 rgb(48,192,84) hsl(135,60%,47%)
#2bab4b rgb(43,171,75) hsl(135,60%,42%)
#269742 rgb(38,151,66) hsl(135,60%,37%)
#218339 rgb(33,131,57) hsl(135,60%,32%)
#1c6e30 rgb(28,110,48) hsl(135,60%,27%)
#165a27 rgb(22,90,39) hsl(135,60%,22%)
#11451e rgb(17,69,30) hsl(135,60%,17%)
#0c3115 rgb(12,49,21) hsl(135,60%,12%)
#071d0c rgb(7,29,12) hsl(135,60%,7%)
#020804 rgb(2,8,4) hsl(135,60%,2%)

Adjacent colors

HEX RGB HSL
#78CF3B rgb(120,207,59) hsl(95,61%,52%)
#3BCE60 rgb(59,206,96) hsl(135,60%,52%)
#3BCFC2 rgb(59,207,194) hsl(175,61%,52%)

Monochromatic colors

HEX RGB HSL
#7EDE97 rgb(126,222,151) hsl(136,59%,68%)
#5CD67B rgb(92,214,123) hsl(135,60%,60%)
#3BCE60 rgb(59,206,96) hsl(135,60%,52%)
#2CB34E rgb(44,179,78) hsl(135,61%,44%)
#24913F rgb(36,145,63) hsl(135,60%,35%)
#1B6E30 rgb(27,110,48) hsl(135,61%,27%)

Triad color palettes

HEX RGB HSL
#3BCE60 rgb(59,206,96) hsl(135,60%,52%)
#A93BCE rgb(169,59,206) hsl(285,60%,52%)
#CE3B5F rgb(206,59,95) hsl(345,60%,52%)

Tetrad color palettes

HEX RGB HSL
#3BCE60 rgb(59,206,96) hsl(135,60%,52%)
#CE3BA9 rgb(206,59,169) hsl(315,60%,52%)
#5FCF3B rgb(95,207,59) hsl(105,61%,52%)
#CE3B5F rgb(206,59,95) hsl(345,60%,52%)