HEX #5AC480 color — Emerald
The color #5AC480 is a light shade and moderately saturated.
Palette
5AC480 color palette from light to dark
HEX |
RGB |
HSL |
#f0faf4 |
rgb(240,250,244) |
hsl(142,47%,96%) |
#ddf3e5 |
rgb(221,243,229) |
hsl(142,47%,91%) |
#cbecd7 |
rgb(203,236,215) |
hsl(142,47%,86%) |
#b8e5c8 |
rgb(184,229,200) |
hsl(142,47%,81%) |
#a5dfba |
rgb(165,223,186) |
hsl(142,47%,76%) |
#92d8ac |
rgb(146,216,172) |
hsl(142,47%,71%) |
#80d19d |
rgb(128,209,157) |
hsl(142,47%,66%) |
#6dca8f |
rgb(109,202,143) |
hsl(142,47%,61%) |
#5ac481 |
rgb(90,196,129) |
hsl(142,47%,56%) |
#47bd72 |
rgb(71,189,114) |
hsl(142,47%,51%) |
#3eac67 |
rgb(62,172,103) |
hsl(142,47%,46%) |
#379a5b |
rgb(55,154,91) |
hsl(142,47%,41%) |
#318750 |
rgb(49,135,80) |
hsl(142,47%,36%) |
#2a7445 |
rgb(42,116,69) |
hsl(142,47%,31%) |
#23613a |
rgb(35,97,58) |
hsl(142,47%,26%) |
#1c4f2f |
rgb(28,79,47) |
hsl(142,47%,21%) |
#163c24 |
rgb(22,60,36) |
hsl(142,47%,16%) |
#0f2919 |
rgb(15,41,25) |
hsl(142,47%,11%) |
#08160d |
rgb(8,22,13) |
hsl(142,47%,6%) |
#010402 |
rgb(1,4,2) |
hsl(142,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AC45A |
rgb(122,196,90) |
hsl(102,47%,56%) |
#5AC480 |
rgb(90,196,128) |
hsl(142,47%,56%) |
#5AC2C4 |
rgb(90,194,196) |
hsl(181,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DDBB3 |
rgb(157,219,179) |
hsl(141,46%,74%) |
#7BD199 |
rgb(123,209,153) |
hsl(141,48%,65%) |
#5AC480 |
rgb(90,196,128) |
hsl(142,47%,56%) |
#3FB068 |
rgb(63,176,104) |
hsl(142,47%,47%) |
#338F54 |
rgb(51,143,84) |
hsl(142,47%,38%) |
#276E40 |
rgb(39,110,64) |
hsl(141,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AC480 |
rgb(90,196,128) |
hsl(142,47%,56%) |
#B559C4 |
rgb(181,89,196) |
hsl(292,48%,56%) |
#C45969 |
rgb(196,89,105) |
hsl(351,48%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AC480 |
rgb(90,196,128) |
hsl(142,47%,56%) |
#C4599E |
rgb(196,89,158) |
hsl(321,48%,56%) |
#69C45A |
rgb(105,196,90) |
hsl(112,47%,56%) |
#C45969 |
rgb(196,89,105) |
hsl(351,48%,56%) |