HEX #56A89E color — Breaker Bay
The color #56A89E is a light shade and slightly desaturated.
Palette
56A89E color palette from light to dark
HEX |
RGB |
HSL |
#eef6f5 |
rgb(238,246,245) |
hsl(173,32%,95%) |
#ddeeec |
rgb(221,238,236) |
hsl(173,32%,90%) |
#cde5e2 |
rgb(205,229,226) |
hsl(173,32%,85%) |
#bcdcd9 |
rgb(188,220,217) |
hsl(173,32%,80%) |
#abd4cf |
rgb(171,212,207) |
hsl(173,32%,75%) |
#9acbc5 |
rgb(154,203,197) |
hsl(173,32%,70%) |
#89c2bc |
rgb(137,194,188) |
hsl(173,32%,65%) |
#78bab2 |
rgb(120,186,178) |
hsl(173,32%,60%) |
#68b1a8 |
rgb(104,177,168) |
hsl(173,32%,55%) |
#57a89f |
rgb(87,168,159) |
hsl(173,32%,50%) |
#4e978f |
rgb(78,151,143) |
hsl(173,32%,45%) |
#45877f |
rgb(69,135,127) |
hsl(173,32%,40%) |
#3d766f |
rgb(61,118,111) |
hsl(173,32%,35%) |
#34655f |
rgb(52,101,95) |
hsl(173,32%,30%) |
#2b544f |
rgb(43,84,79) |
hsl(173,32%,25%) |
#234340 |
rgb(35,67,64) |
hsl(173,32%,20%) |
#1a3230 |
rgb(26,50,48) |
hsl(173,32%,15%) |
#112220 |
rgb(17,34,32) |
hsl(173,32%,10%) |
#091110 |
rgb(9,17,16) |
hsl(173,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A867 |
rgb(86,168,103) |
hsl(132,32%,50%) |
#56A89E |
rgb(86,168,158) |
hsl(173,32%,50%) |
#567AA8 |
rgb(86,122,168) |
hsl(214,32%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BC4BC |
rgb(139,196,188) |
hsl(172,33%,66%) |
#70B5AD |
rgb(112,181,173) |
hsl(173,32%,57%) |
#56A89E |
rgb(86,168,158) |
hsl(173,32%,50%) |
#488C84 |
rgb(72,140,132) |
hsl(173,32%,42%) |
#3A736B |
rgb(58,115,107) |
hsl(172,33%,34%) |
#2C5752 |
rgb(44,87,82) |
hsl(173,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#56A89E |
rgb(86,168,158) |
hsl(173,32%,50%) |
#A85789 |
rgb(168,87,137) |
hsl(323,32%,50%) |
#A87556 |
rgb(168,117,86) |
hsl(23,32%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#56A89E |
rgb(86,168,158) |
hsl(173,32%,50%) |
#A85760 |
rgb(168,87,96) |
hsl(353,32%,50%) |
#56A875 |
rgb(86,168,117) |
hsl(143,32%,50%) |
#A87556 |
rgb(168,117,86) |
hsl(23,32%,50%) |