HEX #56A89C color — Breaker Bay
The color #56A89C is a light shade and slightly desaturated.
Palette
56A89C color palette from light to dark
HEX |
RGB |
HSL |
#eef6f5 |
rgb(238,246,245) |
hsl(171,32%,95%) |
#ddeeeb |
rgb(221,238,235) |
hsl(171,32%,90%) |
#cde5e1 |
rgb(205,229,225) |
hsl(171,32%,85%) |
#bcdcd7 |
rgb(188,220,215) |
hsl(171,32%,80%) |
#abd4ce |
rgb(171,212,206) |
hsl(171,32%,75%) |
#9acbc4 |
rgb(154,203,196) |
hsl(171,32%,70%) |
#89c2ba |
rgb(137,194,186) |
hsl(171,32%,65%) |
#78bab0 |
rgb(120,186,176) |
hsl(171,32%,60%) |
#68b1a6 |
rgb(104,177,166) |
hsl(171,32%,55%) |
#57a89c |
rgb(87,168,156) |
hsl(171,32%,50%) |
#4e978c |
rgb(78,151,140) |
hsl(171,32%,45%) |
#45877d |
rgb(69,135,125) |
hsl(171,32%,40%) |
#3d766d |
rgb(61,118,109) |
hsl(171,32%,35%) |
#34655e |
rgb(52,101,94) |
hsl(171,32%,30%) |
#2b544e |
rgb(43,84,78) |
hsl(171,32%,25%) |
#23433e |
rgb(35,67,62) |
hsl(171,32%,20%) |
#1a322f |
rgb(26,50,47) |
hsl(171,32%,15%) |
#11221f |
rgb(17,34,31) |
hsl(171,32%,10%) |
#091110 |
rgb(9,17,16) |
hsl(171,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A865 |
rgb(86,168,101) |
hsl(131,32%,50%) |
#56A89C |
rgb(86,168,156) |
hsl(171,32%,50%) |
#567DA8 |
rgb(86,125,168) |
hsl(211,32%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BC4BB |
rgb(139,196,187) |
hsl(171,33%,66%) |
#70B5AB |
rgb(112,181,171) |
hsl(171,32%,57%) |
#56A89C |
rgb(86,168,156) |
hsl(171,32%,50%) |
#488C83 |
rgb(72,140,131) |
hsl(172,32%,42%) |
#3A736A |
rgb(58,115,106) |
hsl(171,33%,34%) |
#2C5751 |
rgb(44,87,81) |
hsl(172,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#56A89C |
rgb(86,168,156) |
hsl(171,32%,50%) |
#A8578B |
rgb(168,87,139) |
hsl(321,32%,50%) |
#A87356 |
rgb(168,115,86) |
hsl(21,32%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#56A89C |
rgb(86,168,156) |
hsl(171,32%,50%) |
#A85762 |
rgb(168,87,98) |
hsl(352,32%,50%) |
#56A873 |
rgb(86,168,115) |
hsl(141,32%,50%) |
#A87356 |
rgb(168,115,86) |
hsl(21,32%,50%) |