HEX #57A2A2 color — Breaker Bay
The color #57a2a2 is a light shade and slightly desaturated.
Palette
57a2a2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(180,30%,99%) |
#ebf4f4 |
rgb(235,244,244) |
hsl(180,30%,94%) |
#dbebeb |
rgb(219,235,235) |
hsl(180,30%,89%) |
#cae2e2 |
rgb(202,226,226) |
hsl(180,30%,84%) |
#b9dada |
rgb(185,218,218) |
hsl(180,30%,79%) |
#a9d1d1 |
rgb(169,209,209) |
hsl(180,30%,74%) |
#98c8c8 |
rgb(152,200,200) |
hsl(180,30%,69%) |
#88bfbf |
rgb(136,191,191) |
hsl(180,30%,64%) |
#77b6b6 |
rgb(119,182,182) |
hsl(180,30%,59%) |
#67adad |
rgb(103,173,173) |
hsl(180,30%,54%) |
#57a2a2 |
rgb(87,162,162) |
hsl(180,30%,49%) |
#4f9292 |
rgb(79,146,146) |
hsl(180,30%,44%) |
#468181 |
rgb(70,129,129) |
hsl(180,30%,39%) |
#3d7171 |
rgb(61,113,113) |
hsl(180,30%,34%) |
#346060 |
rgb(52,96,96) |
hsl(180,30%,29%) |
#2b5050 |
rgb(43,80,80) |
hsl(180,30%,24%) |
#223f3f |
rgb(34,63,63) |
hsl(180,30%,19%) |
#192e2e |
rgb(25,46,46) |
hsl(180,30%,14%) |
#101e1e |
rgb(16,30,30) |
hsl(180,30%,9%) |
#070d0d |
rgb(7,13,13) |
hsl(180,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A370 |
rgb(87,163,112) |
hsl(140,30%,49%) |
#57A2A2 |
rgb(87,162,162) |
hsl(180,30%,49%) |
#5770A2 |
rgb(87,112,162) |
hsl(220,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89BFBF |
rgb(137,191,191) |
hsl(180,30%,64%) |
#6FB3B1 |
rgb(111,179,177) |
hsl(178,31%,57%) |
#57A2A2 |
rgb(87,162,162) |
hsl(180,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 |
#57A2A2 |
rgb(87,162,162) |
hsl(180,30%,49%) |
#A2577C |
rgb(162,87,124) |
hsl(330,30%,49%) |
#A27D57 |
rgb(162,125,87) |
hsl(30,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#57A2A2 |
rgb(87,162,162) |
hsl(180,30%,49%) |
#A25757 |
rgb(162,87,87) |
hsl(360,30%,49%) |
#57A37C |
rgb(87,163,124) |
hsl(149,30%,49%) |
#A27D57 |
rgb(162,125,87) |
hsl(30,30%,49%) |