HEX #60A1AA color — Breaker Bay
The color #60A1AA is a light shade and slightly desaturated.
Palette
60A1AA color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(187,30%,97%) |
#e4eff1 |
rgb(228,239,241) |
hsl(187,30%,92%) |
#d4e5e8 |
rgb(212,229,232) |
hsl(187,30%,87%) |
#c3dcdf |
rgb(195,220,223) |
hsl(187,30%,82%) |
#b3d2d6 |
rgb(179,210,214) |
hsl(187,30%,77%) |
#a2c8cd |
rgb(162,200,205) |
hsl(187,30%,72%) |
#92bec4 |
rgb(146,190,196) |
hsl(187,30%,67%) |
#81b4bb |
rgb(129,180,187) |
hsl(187,30%,62%) |
#70abb2 |
rgb(112,171,178) |
hsl(187,30%,57%) |
#60a1a9 |
rgb(96,161,169) |
hsl(187,30%,52%) |
#54939c |
rgb(84,147,156) |
hsl(187,30%,47%) |
#4b848b |
rgb(75,132,139) |
hsl(187,30%,42%) |
#42747b |
rgb(66,116,123) |
hsl(187,30%,37%) |
#39646a |
rgb(57,100,106) |
hsl(187,30%,32%) |
#30555a |
rgb(48,85,90) |
hsl(187,30%,27%) |
#274549 |
rgb(39,69,73) |
hsl(187,30%,22%) |
#1e3538 |
rgb(30,53,56) |
hsl(187,30%,17%) |
#152628 |
rgb(21,38,40) |
hsl(187,30%,12%) |
#0c1617 |
rgb(12,22,23) |
hsl(187,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(187,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#60AB81 |
rgb(96,171,129) |
hsl(146,31%,52%) |
#60A1AA |
rgb(96,161,170) |
hsl(187,30%,52%) |
#6070AA |
rgb(96,112,170) |
hsl(227,30%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97C2C7 |
rgb(151,194,199) |
hsl(186,30%,69%) |
#7BB3B8 |
rgb(123,179,184) |
hsl(185,30%,60%) |
#60A1AA |
rgb(96,161,170) |
hsl(187,30%,52%) |
#4D8A91 |
rgb(77,138,145) |
hsl(186,31%,44%) |
#3F7075 |
rgb(63,112,117) |
hsl(186,30%,35%) |
#30545A |
rgb(48,84,90) |
hsl(189,30%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#60A1AA |
rgb(96,161,170) |
hsl(187,30%,52%) |
#AA617C |
rgb(170,97,124) |
hsl(338,30%,52%) |
#AA8F60 |
rgb(170,143,96) |
hsl(38,30%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60A1AA |
rgb(96,161,170) |
hsl(187,30%,52%) |
#AA6960 |
rgb(170,105,96) |
hsl(7,30%,52%) |
#60AB8E |
rgb(96,171,142) |
hsl(157,31%,52%) |
#AA8F60 |
rgb(170,143,96) |
hsl(38,30%,52%) |