HEX #54AD97 color — Tradewind
The color #54AD97 is a light shade and moderately saturated.
Palette
54AD97 color palette from light to dark
HEX |
RGB |
HSL |
#eef7f4 |
rgb(238,247,244) |
hsl(165,35%,95%) |
#ddeeea |
rgb(221,238,234) |
hsl(165,35%,90%) |
#cbe6df |
rgb(203,230,223) |
hsl(165,35%,85%) |
#baded5 |
rgb(186,222,213) |
hsl(165,35%,80%) |
#a9d6ca |
rgb(169,214,202) |
hsl(165,35%,75%) |
#98cdc0 |
rgb(152,205,192) |
hsl(165,35%,70%) |
#87c5b5 |
rgb(135,197,181) |
hsl(165,35%,65%) |
#75bdab |
rgb(117,189,171) |
hsl(165,35%,60%) |
#64b4a0 |
rgb(100,180,160) |
hsl(165,35%,55%) |
#53ac96 |
rgb(83,172,150) |
hsl(165,35%,50%) |
#4b9b87 |
rgb(75,155,135) |
hsl(165,35%,45%) |
#428a78 |
rgb(66,138,120) |
hsl(165,35%,40%) |
#3a7869 |
rgb(58,120,105) |
hsl(165,35%,35%) |
#32675a |
rgb(50,103,90) |
hsl(165,35%,30%) |
#29564b |
rgb(41,86,75) |
hsl(165,35%,25%) |
#21453c |
rgb(33,69,60) |
hsl(165,35%,20%) |
#19342d |
rgb(25,52,45) |
hsl(165,35%,15%) |
#11221e |
rgb(17,34,30) |
hsl(165,35%,10%) |
#08110f |
rgb(8,17,15) |
hsl(165,35%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54AD5B |
rgb(84,173,91) |
hsl(125,35%,50%) |
#54AD97 |
rgb(84,173,151) |
hsl(165,35%,50%) |
#5487AD |
rgb(84,135,173) |
hsl(206,35%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BC7B8 |
rgb(139,199,184) |
hsl(165,35%,66%) |
#6FBAA7 |
rgb(111,186,167) |
hsl(165,35%,58%) |
#54AD97 |
rgb(84,173,151) |
hsl(165,35%,50%) |
#45917F |
rgb(69,145,127) |
hsl(166,36%,42%) |
#387566 |
rgb(56,117,102) |
hsl(165,35%,34%) |
#2B594E |
rgb(43,89,78) |
hsl(166,35%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#54AD97 |
rgb(84,173,151) |
hsl(165,35%,50%) |
#AD5496 |
rgb(173,84,150) |
hsl(316,35%,50%) |
#AD6B54 |
rgb(173,107,84) |
hsl(16,35%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#54AD97 |
rgb(84,173,151) |
hsl(165,35%,50%) |
#AD546A |
rgb(173,84,106) |
hsl(345,35%,50%) |
#54AD6A |
rgb(84,173,106) |
hsl(135,35%,50%) |
#AD6B54 |
rgb(173,107,84) |
hsl(16,35%,50%) |