HEX #57A895 color — Breaker Bay
The color #57a895 is a light shade and slightly desaturated.
Palette
57a895 color palette from light to dark
HEX |
RGB |
HSL |
#eef6f4 |
rgb(238,246,244) |
hsl(166,32%,95%) |
#ddeeea |
rgb(221,238,234) |
hsl(166,32%,90%) |
#cde5df |
rgb(205,229,223) |
hsl(166,32%,85%) |
#bcdcd5 |
rgb(188,220,213) |
hsl(166,32%,80%) |
#abd4ca |
rgb(171,212,202) |
hsl(166,32%,75%) |
#9acbc0 |
rgb(154,203,192) |
hsl(166,32%,70%) |
#89c2b5 |
rgb(137,194,181) |
hsl(166,32%,65%) |
#78baaa |
rgb(120,186,170) |
hsl(166,32%,60%) |
#68b1a0 |
rgb(104,177,160) |
hsl(166,32%,55%) |
#57a895 |
rgb(87,168,149) |
hsl(166,32%,50%) |
#4e9786 |
rgb(78,151,134) |
hsl(166,32%,45%) |
#458777 |
rgb(69,135,119) |
hsl(166,32%,40%) |
#3d7668 |
rgb(61,118,104) |
hsl(166,32%,35%) |
#34655a |
rgb(52,101,90) |
hsl(166,32%,30%) |
#2b544b |
rgb(43,84,75) |
hsl(166,32%,25%) |
#23433c |
rgb(35,67,60) |
hsl(166,32%,20%) |
#1a322d |
rgb(26,50,45) |
hsl(166,32%,15%) |
#11221e |
rgb(17,34,30) |
hsl(166,32%,10%) |
#09110f |
rgb(9,17,15) |
hsl(166,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A85F |
rgb(87,168,95) |
hsl(126,32%,50%) |
#57A895 |
rgb(87,168,149) |
hsl(166,32%,50%) |
#5785A8 |
rgb(87,133,168) |
hsl(206,32%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CC4B6 |
rgb(140,196,182) |
hsl(165,32%,66%) |
#71B5A5 |
rgb(113,181,165) |
hsl(166,31%,58%) |
#57A895 |
rgb(87,168,149) |
hsl(166,32%,50%) |
#498C7D |
rgb(73,140,125) |
hsl(167,31%,42%) |
#3B7365 |
rgb(59,115,101) |
hsl(165,32%,34%) |
#2D574D |
rgb(45,87,77) |
hsl(166,32%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#57A895 |
rgb(87,168,149) |
hsl(166,32%,50%) |
#A85792 |
rgb(168,87,146) |
hsl(316,32%,50%) |
#A86E57 |
rgb(168,110,87) |
hsl(17,32%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#57A895 |
rgb(87,168,149) |
hsl(166,32%,50%) |
#A8576A |
rgb(168,87,106) |
hsl(346,32%,50%) |
#57A86C |
rgb(87,168,108) |
hsl(136,32%,50%) |
#A86E57 |
rgb(168,110,87) |
hsl(17,32%,50%) |