HEX #56A4A2 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

56a4a2 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(178,31%,99%)
#ebf4f4 rgb(235,244,244) hsl(178,31%,94%)
#daeceb rgb(218,236,235) hsl(178,31%,89%)
#cae3e2 rgb(202,227,226) hsl(178,31%,84%)
#b9dad9 rgb(185,218,217) hsl(178,31%,79%)
#a8d1d0 rgb(168,209,208) hsl(178,31%,74%)
#97c8c7 rgb(151,200,199) hsl(178,31%,69%)
#87c0be rgb(135,192,190) hsl(178,31%,64%)
#76b7b5 rgb(118,183,181) hsl(178,31%,59%)
#65aeac rgb(101,174,172) hsl(178,31%,54%)
#56a4a1 rgb(86,164,161) hsl(178,31%,49%)
#4d9391 rgb(77,147,145) hsl(178,31%,44%)
#458280 rgb(69,130,128) hsl(178,31%,39%)
#3c7270 rgb(60,114,112) hsl(178,31%,34%)
#33615f rgb(51,97,95) hsl(178,31%,29%)
#2a504f rgb(42,80,79) hsl(178,31%,24%)
#213f3e rgb(33,63,62) hsl(178,31%,19%)
#192f2e rgb(25,47,46) hsl(178,31%,14%)
#101e1e rgb(16,30,30) hsl(178,31%,9%)
#070d0d rgb(7,13,13) hsl(178,31%,4%)

Adjacent colors

HEX RGB HSL
#56A36E rgb(86,163,110) hsl(139,31%,49%)
#56A4A2 rgb(86,164,162) hsl(178,31%,49%)
#5673A4 rgb(86,115,164) hsl(218,31%,49%)

Monochromatic colors

HEX RGB HSL
#88C2BF rgb(136,194,191) hsl(177,32%,65%)
#6EB3B1 rgb(110,179,177) hsl(178,31%,57%)
#56A4A2 rgb(86,164,162) hsl(178,31%,49%)
#488A88 rgb(72,138,136) hsl(178,31%,41%)
#3A706E rgb(58,112,110) hsl(178,32%,33%)
#2C5454 rgb(44,84,84) hsl(180,31%,25%)

Triad color palettes

HEX RGB HSL
#56A4A2 rgb(86,164,162) hsl(178,31%,49%)
#A4577F rgb(164,87,127) hsl(329,31%,49%)
#A47A56 rgb(164,122,86) hsl(28,31%,49%)

Tetrad color palettes

HEX RGB HSL
#56A4A2 rgb(86,164,162) hsl(178,31%,49%)
#A45758 rgb(164,87,88) hsl(359,31%,49%)
#56A37B rgb(86,163,123) hsl(149,31%,49%)
#A47A56 rgb(164,122,86) hsl(28,31%,49%)