HEX #56A896 color — Breaker Bay
The color #56A896 is a light shade and slightly desaturated.
Palette
56A896 color palette from light to dark
HEX |
RGB |
HSL |
#eef6f5 |
rgb(238,246,245) |
hsl(167,32%,95%) |
#ddeeea |
rgb(221,238,234) |
hsl(167,32%,90%) |
#cde5e0 |
rgb(205,229,224) |
hsl(167,32%,85%) |
#bcdcd5 |
rgb(188,220,213) |
hsl(167,32%,80%) |
#abd4cb |
rgb(171,212,203) |
hsl(167,32%,75%) |
#9acbc0 |
rgb(154,203,192) |
hsl(167,32%,70%) |
#89c2b6 |
rgb(137,194,182) |
hsl(167,32%,65%) |
#78baab |
rgb(120,186,171) |
hsl(167,32%,60%) |
#68b1a1 |
rgb(104,177,161) |
hsl(167,32%,55%) |
#57a897 |
rgb(87,168,151) |
hsl(167,32%,50%) |
#4e9788 |
rgb(78,151,136) |
hsl(167,32%,45%) |
#458778 |
rgb(69,135,120) |
hsl(167,32%,40%) |
#3d7669 |
rgb(61,118,105) |
hsl(167,32%,35%) |
#34655a |
rgb(52,101,90) |
hsl(167,32%,30%) |
#2b544b |
rgb(43,84,75) |
hsl(167,32%,25%) |
#23433c |
rgb(35,67,60) |
hsl(167,32%,20%) |
#1a322d |
rgb(26,50,45) |
hsl(167,32%,15%) |
#11221e |
rgb(17,34,30) |
hsl(167,32%,10%) |
#09110f |
rgb(9,17,15) |
hsl(167,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A85F |
rgb(86,168,95) |
hsl(127,32%,50%) |
#56A896 |
rgb(86,168,150) |
hsl(167,32%,50%) |
#5685A8 |
rgb(86,133,168) |
hsl(206,32%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BC4B7 |
rgb(139,196,183) |
hsl(166,33%,66%) |
#70B5A6 |
rgb(112,181,166) |
hsl(167,32%,57%) |
#56A896 |
rgb(86,168,150) |
hsl(167,32%,50%) |
#488C7E |
rgb(72,140,126) |
hsl(168,32%,42%) |
#3A7366 |
rgb(58,115,102) |
hsl(166,33%,34%) |
#2C574E |
rgb(44,87,78) |
hsl(167,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#56A896 |
rgb(86,168,150) |
hsl(167,32%,50%) |
#A85791 |
rgb(168,87,145) |
hsl(317,32%,50%) |
#A86E56 |
rgb(168,110,86) |
hsl(18,32%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#56A896 |
rgb(86,168,150) |
hsl(167,32%,50%) |
#A85768 |
rgb(168,87,104) |
hsl(347,32%,50%) |
#56A86D |
rgb(86,168,109) |
hsl(137,32%,50%) |
#A86E56 |
rgb(168,110,86) |
hsl(18,32%,50%) |