HEX #5AC285 color — Emerald
The color #5AC285 is a light shade and moderately saturated.
Palette
5AC285 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 |
#74C25A |
rgb(116,194,90) |
hsl(105,46%,56%) |
#5AC285 |
rgb(90,194,133) |
hsl(145,46%,56%) |
#5ABAC2 |
rgb(90,186,194) |
hsl(185,46%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CDBB6 |
rgb(156,219,182) |
hsl(145,47%,74%) |
#7BCF9D |
rgb(123,207,157) |
hsl(144,47%,65%) |
#5AC285 |
rgb(90,194,133) |
hsl(145,46%,56%) |
#40AD6D |
rgb(64,173,109) |
hsl(145,46%,46%) |
#348C58 |
rgb(52,140,88) |
hsl(145,46%,38%) |
#276B43 |
rgb(39,107,67) |
hsl(145,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AC285 |
rgb(90,194,133) |
hsl(145,46%,56%) |
#B959C2 |
rgb(185,89,194) |
hsl(295,46%,55%) |
#C25963 |
rgb(194,89,99) |
hsl(354,46%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AC285 |
rgb(90,194,133) |
hsl(145,46%,56%) |
#C25997 |
rgb(194,89,151) |
hsl(325,46%,55%) |
#63C25A |
rgb(99,194,90) |
hsl(115,46%,56%) |
#C25963 |
rgb(194,89,99) |
hsl(354,46%,55%) |