HEX #5AC486 color — Emerald

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

Color codes

copy icon
copy icon
copy icon

Palette

5ac486 color palette from light to dark

HEX RGB HSL
#f0faf4 rgb(240,250,244) hsl(145,47%,96%)
#ddf3e6 rgb(221,243,230) hsl(145,47%,91%)
#cbecd9 rgb(203,236,217) hsl(145,47%,86%)
#b8e5cb rgb(184,229,203) hsl(145,47%,81%)
#a5dfbd rgb(165,223,189) hsl(145,47%,76%)
#92d8af rgb(146,216,175) hsl(145,47%,71%)
#80d1a2 rgb(128,209,162) hsl(145,47%,66%)
#6dca94 rgb(109,202,148) hsl(145,47%,61%)
#5ac486 rgb(90,196,134) hsl(145,47%,56%)
#47bd78 rgb(71,189,120) hsl(145,47%,51%)
#3eac6c rgb(62,172,108) hsl(145,47%,46%)
#379a60 rgb(55,154,96) hsl(145,47%,41%)
#318755 rgb(49,135,85) hsl(145,47%,36%)
#2a7449 rgb(42,116,73) hsl(145,47%,31%)
#23613d rgb(35,97,61) hsl(145,47%,26%)
#1c4f31 rgb(28,79,49) hsl(145,47%,21%)
#163c26 rgb(22,60,38) hsl(145,47%,16%)
#0f291a rgb(15,41,26) hsl(145,47%,11%)
#08160e rgb(8,22,14) hsl(145,47%,6%)
#010402 rgb(1,4,2) hsl(145,47%,1%)

Adjacent colors

HEX RGB HSL
#74C45A rgb(116,196,90) hsl(105,47%,56%)
#5AC486 rgb(90,196,134) hsl(145,47%,56%)
#5ABAC4 rgb(90,186,196) hsl(186,47%,56%)

Monochromatic colors

HEX RGB HSL
#9DDBB7 rgb(157,219,183) hsl(145,46%,74%)
#7BD19E rgb(123,209,158) hsl(144,48%,65%)
#5AC486 rgb(90,196,134) hsl(145,47%,56%)
#3FB06E rgb(63,176,110) hsl(145,47%,47%)
#338F59 rgb(51,143,89) hsl(145,47%,38%)
#276E44 rgb(39,110,68) hsl(145,48%,29%)

Triad color palettes

HEX RGB HSL
#5AC486 rgb(90,196,134) hsl(145,47%,56%)
#BB59C4 rgb(187,89,196) hsl(295,48%,56%)
#C45963 rgb(196,89,99) hsl(354,48%,56%)

Tetrad color palettes

HEX RGB HSL
#5AC486 rgb(90,196,134) hsl(145,47%,56%)
#C45998 rgb(196,89,152) hsl(325,48%,56%)
#63C45A rgb(99,196,90) hsl(115,47%,56%)
#C45963 rgb(196,89,99) hsl(354,48%,56%)