HEX #57A0A2 color — Breaker Bay

The color #57a0a2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

57a0a2 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(182,30%,99%)
#ebf4f4 rgb(235,244,244) hsl(182,30%,94%)
#dbebeb rgb(219,235,235) hsl(182,30%,89%)
#cae2e2 rgb(202,226,226) hsl(182,30%,84%)
#b9d8da rgb(185,216,218) hsl(182,30%,79%)
#a9cfd1 rgb(169,207,209) hsl(182,30%,74%)
#98c6c8 rgb(152,198,200) hsl(182,30%,69%)
#88bdbf rgb(136,189,191) hsl(182,30%,64%)
#77b4b6 rgb(119,180,182) hsl(182,30%,59%)
#67abad rgb(103,171,173) hsl(182,30%,54%)
#57a0a2 rgb(87,160,162) hsl(182,30%,49%)
#4f9092 rgb(79,144,146) hsl(182,30%,44%)
#467f81 rgb(70,127,129) hsl(182,30%,39%)
#3d6f71 rgb(61,111,113) hsl(182,30%,34%)
#345f60 rgb(52,95,96) hsl(182,30%,29%)
#2b4e50 rgb(43,78,80) hsl(182,30%,24%)
#223e3f rgb(34,62,63) hsl(182,30%,19%)
#192e2e rgb(25,46,46) hsl(182,30%,14%)
#101d1e rgb(16,29,30) hsl(182,30%,9%)
#070d0d rgb(7,13,13) hsl(182,30%,4%)

Adjacent colors

HEX RGB HSL
#57A372 rgb(87,163,114) hsl(141,30%,49%)
#57A0A2 rgb(87,160,162) hsl(182,30%,49%)
#576EA2 rgb(87,110,162) hsl(222,30%,49%)

Monochromatic colors

HEX RGB HSL
#89BFBF rgb(137,191,191) hsl(180,30%,64%)
#6FB0B1 rgb(111,176,177) hsl(181,30%,56%)
#57A0A2 rgb(87,160,162) hsl(182,30%,49%)
#498788 rgb(73,135,136) hsl(181,30%,41%)
#3B6E6E rgb(59,110,110) hsl(180,30%,33%)
#2D5454 rgb(45,84,84) hsl(180,30%,25%)

Triad color palettes

HEX RGB HSL
#57A0A2 rgb(87,160,162) hsl(182,30%,49%)
#A2577A rgb(162,87,122) hsl(332,30%,49%)
#A28057 rgb(162,128,87) hsl(33,30%,49%)

Tetrad color palettes

HEX RGB HSL
#57A0A2 rgb(87,160,162) hsl(182,30%,49%)
#A25957 rgb(162,89,87) hsl(2,30%,49%)
#57A37E rgb(87,163,126) hsl(151,30%,49%)
#A28057 rgb(162,128,87) hsl(33,30%,49%)