HEX #56A1A2 color — Breaker Bay

The color #56A1A2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

56A1A2 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(181,31%,99%)
#ebf4f4 rgb(235,244,244) hsl(181,31%,94%)
#daebec rgb(218,235,236) hsl(181,31%,89%)
#cae2e3 rgb(202,226,227) hsl(181,31%,84%)
#b9d9da rgb(185,217,218) hsl(181,31%,79%)
#a8d1d1 rgb(168,209,209) hsl(181,31%,74%)
#97c8c8 rgb(151,200,200) hsl(181,31%,69%)
#87bfc0 rgb(135,191,192) hsl(181,31%,64%)
#76b6b7 rgb(118,182,183) hsl(181,31%,59%)
#65adae rgb(101,173,174) hsl(181,31%,54%)
#56a2a4 rgb(86,162,164) hsl(181,31%,49%)
#4d9293 rgb(77,146,147) hsl(181,31%,44%)
#458182 rgb(69,129,130) hsl(181,31%,39%)
#3c7172 rgb(60,113,114) hsl(181,31%,34%)
#336061 rgb(51,96,97) hsl(181,31%,29%)
#2a5050 rgb(42,80,80) hsl(181,31%,24%)
#213f3f rgb(33,63,63) hsl(181,31%,19%)
#192e2f rgb(25,46,47) hsl(181,31%,14%)
#101e1e rgb(16,30,30) hsl(181,31%,9%)
#070d0d rgb(7,13,13) hsl(181,31%,4%)

Adjacent colors

HEX RGB HSL
#56A370 rgb(86,163,112) hsl(140,31%,49%)
#56A1A2 rgb(86,161,162) hsl(181,31%,49%)
#566EA2 rgb(86,110,162) hsl(221,31%,49%)

Monochromatic colors

HEX RGB HSL
#87BFBF rgb(135,191,191) hsl(180,30%,64%)
#6DB0B1 rgb(109,176,177) hsl(181,30%,56%)
#56A1A2 rgb(86,161,162) hsl(181,31%,49%)
#488788 rgb(72,135,136) hsl(181,31%,41%)
#3A6E6E rgb(58,110,110) hsl(180,31%,33%)
#2C5454 rgb(44,84,84) hsl(180,31%,25%)

Triad color palettes

HEX RGB HSL
#56A1A2 rgb(86,161,162) hsl(181,31%,49%)
#A2577B rgb(162,87,123) hsl(331,30%,49%)
#A27D56 rgb(162,125,86) hsl(31,31%,49%)

Tetrad color palettes

HEX RGB HSL
#56A1A2 rgb(86,161,162) hsl(181,31%,49%)
#A25756 rgb(162,87,86) hsl(1,31%,49%)
#56A37D rgb(86,163,125) hsl(150,31%,49%)
#A27D56 rgb(162,125,86) hsl(31,31%,49%)