HEX #56A89A color — Breaker Bay
The color #56A89A is a light shade and slightly desaturated.
Palette
56A89A color palette from light to dark
HEX |
RGB |
HSL |
#eef6f5 |
rgb(238,246,245) |
hsl(170,32%,95%) |
#ddeeeb |
rgb(221,238,235) |
hsl(170,32%,90%) |
#cde5e1 |
rgb(205,229,225) |
hsl(170,32%,85%) |
#bcdcd7 |
rgb(188,220,215) |
hsl(170,32%,80%) |
#abd4cd |
rgb(171,212,205) |
hsl(170,32%,75%) |
#9acbc3 |
rgb(154,203,195) |
hsl(170,32%,70%) |
#89c2b9 |
rgb(137,194,185) |
hsl(170,32%,65%) |
#78baaf |
rgb(120,186,175) |
hsl(170,32%,60%) |
#68b1a5 |
rgb(104,177,165) |
hsl(170,32%,55%) |
#57a89b |
rgb(87,168,155) |
hsl(170,32%,50%) |
#4e978b |
rgb(78,151,139) |
hsl(170,32%,45%) |
#45877c |
rgb(69,135,124) |
hsl(170,32%,40%) |
#3d766c |
rgb(61,118,108) |
hsl(170,32%,35%) |
#34655d |
rgb(52,101,93) |
hsl(170,32%,30%) |
#2b544d |
rgb(43,84,77) |
hsl(170,32%,25%) |
#23433e |
rgb(35,67,62) |
hsl(170,32%,20%) |
#1a322e |
rgb(26,50,46) |
hsl(170,32%,15%) |
#11221f |
rgb(17,34,31) |
hsl(170,32%,10%) |
#09110f |
rgb(9,17,15) |
hsl(170,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A863 |
rgb(86,168,99) |
hsl(130,32%,50%) |
#56A89A |
rgb(86,168,154) |
hsl(170,32%,50%) |
#5680A8 |
rgb(86,128,168) |
hsl(209,32%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BC4BA |
rgb(139,196,186) |
hsl(169,33%,66%) |
#70B5AA |
rgb(112,181,170) |
hsl(170,32%,57%) |
#56A89A |
rgb(86,168,154) |
hsl(170,32%,50%) |
#488C81 |
rgb(72,140,129) |
hsl(170,32%,42%) |
#3A7368 |
rgb(58,115,104) |
hsl(168,33%,34%) |
#2C5750 |
rgb(44,87,80) |
hsl(170,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#56A89A |
rgb(86,168,154) |
hsl(170,32%,50%) |
#A8578D |
rgb(168,87,141) |
hsl(320,32%,50%) |
#A87056 |
rgb(168,112,86) |
hsl(19,32%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#56A89A |
rgb(86,168,154) |
hsl(170,32%,50%) |
#A85764 |
rgb(168,87,100) |
hsl(350,32%,50%) |
#56A871 |
rgb(86,168,113) |
hsl(140,32%,50%) |
#A87056 |
rgb(168,112,86) |
hsl(19,32%,50%) |