HEX #5AC475 color — Emerald

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

Color codes

copy icon
copy icon
copy icon

Palette

5AC475 color palette from light to dark

HEX RGB HSL
#f0faf2 rgb(240,250,242) hsl(135,47%,96%)
#ddf3e3 rgb(221,243,227) hsl(135,47%,91%)
#cbecd3 rgb(203,236,211) hsl(135,47%,86%)
#b8e5c3 rgb(184,229,195) hsl(135,47%,81%)
#a5dfb3 rgb(165,223,179) hsl(135,47%,76%)
#92d8a4 rgb(146,216,164) hsl(135,47%,71%)
#80d194 rgb(128,209,148) hsl(135,47%,66%)
#6dca84 rgb(109,202,132) hsl(135,47%,61%)
#5ac474 rgb(90,196,116) hsl(135,47%,56%)
#47bd65 rgb(71,189,101) hsl(135,47%,51%)
#3eac5a rgb(62,172,90) hsl(135,47%,46%)
#379a50 rgb(55,154,80) hsl(135,47%,41%)
#318746 rgb(49,135,70) hsl(135,47%,36%)
#2a743c rgb(42,116,60) hsl(135,47%,31%)
#236133 rgb(35,97,51) hsl(135,47%,26%)
#1c4f29 rgb(28,79,41) hsl(135,47%,21%)
#163c1f rgb(22,60,31) hsl(135,47%,16%)
#0f2915 rgb(15,41,21) hsl(135,47%,11%)
#08160c rgb(8,22,12) hsl(135,47%,6%)
#010402 rgb(1,4,2) hsl(135,47%,1%)

Adjacent colors

HEX RGB HSL
#85C45A rgb(133,196,90) hsl(96,47%,56%)
#5AC475 rgb(90,196,117) hsl(135,47%,56%)
#5AC4BB rgb(90,196,187) hsl(175,47%,56%)

Monochromatic colors

HEX RGB HSL
#9DDBAD rgb(157,219,173) hsl(135,46%,74%)
#7BD191 rgb(123,209,145) hsl(135,48%,65%)
#5AC475 rgb(90,196,117) hsl(135,47%,56%)
#3FB05C rgb(63,176,92) hsl(135,47%,47%)
#338F4A rgb(51,143,74) hsl(135,47%,38%)
#276E39 rgb(39,110,57) hsl(135,48%,29%)

Triad color palettes

HEX RGB HSL
#5AC475 rgb(90,196,117) hsl(135,47%,56%)
#AA59C4 rgb(170,89,196) hsl(285,48%,56%)
#C45974 rgb(196,89,116) hsl(345,48%,56%)

Tetrad color palettes

HEX RGB HSL
#5AC475 rgb(90,196,117) hsl(135,47%,56%)
#C459A9 rgb(196,89,169) hsl(315,48%,56%)
#74C45A rgb(116,196,90) hsl(105,47%,56%)
#C45974 rgb(196,89,116) hsl(345,48%,56%)