HEX #5BC286 color — Emerald

The color #5bc286 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5bc286 color palette from light to dark

HEX RGB HSL
#f0f9f4 rgb(240,249,244) hsl(145,46%,96%)
#ddf3e6 rgb(221,243,230) hsl(145,46%,91%)
#cbecd9 rgb(203,236,217) hsl(145,46%,86%)
#b8e5cb rgb(184,229,203) hsl(145,46%,81%)
#a6debd rgb(166,222,189) hsl(145,46%,76%)
#93d7af rgb(147,215,175) hsl(145,46%,71%)
#80d0a2 rgb(128,208,162) hsl(145,46%,66%)
#6ec994 rgb(110,201,148) hsl(145,46%,61%)
#5bc286 rgb(91,194,134) hsl(145,46%,56%)
#49bc78 rgb(73,188,120) hsl(145,46%,51%)
#3fab6c rgb(63,171,108) hsl(145,46%,46%)
#389961 rgb(56,153,97) hsl(145,46%,41%)
#328655 rgb(50,134,85) hsl(145,46%,36%)
#2b7349 rgb(43,115,73) hsl(145,46%,31%)
#24613d rgb(36,97,61) hsl(145,46%,26%)
#1d4e31 rgb(29,78,49) hsl(145,46%,21%)
#163c26 rgb(22,60,38) hsl(145,46%,16%)
#0f291a rgb(15,41,26) hsl(145,46%,11%)
#08160e rgb(8,22,14) hsl(145,46%,6%)
#010402 rgb(1,4,2) hsl(145,46%,1%)

Adjacent colors

HEX RGB HSL
#74C25B rgb(116,194,91) hsl(105,46%,56%)
#5BC286 rgb(91,194,134) hsl(145,46%,56%)
#5BBAC2 rgb(91,186,194) hsl(185,46%,56%)

Monochromatic colors

HEX RGB HSL
#9DDBB7 rgb(157,219,183) hsl(145,46%,74%)
#7CCF9E rgb(124,207,158) hsl(145,46%,65%)
#5BC286 rgb(91,194,134) hsl(145,46%,56%)
#40AD6E rgb(64,173,110) hsl(145,46%,46%)
#348C59 rgb(52,140,89) hsl(145,46%,38%)
#286B44 rgb(40,107,68) hsl(145,46%,29%)

Triad color palettes

HEX RGB HSL
#5BC286 rgb(91,194,134) hsl(145,46%,56%)
#B95CC2 rgb(185,92,194) hsl(295,46%,56%)
#C25C63 rgb(194,92,99) hsl(356,46%,56%)

Tetrad color palettes

HEX RGB HSL
#5BC286 rgb(91,194,134) hsl(145,46%,56%)
#C25C97 rgb(194,92,151) hsl(325,46%,56%)
#63C25B rgb(99,194,91) hsl(115,46%,56%)
#C25C63 rgb(194,92,99) hsl(356,46%,56%)