HEX #60A3AA color — Breaker Bay
The color #60A3AA is a light shade and slightly desaturated.
Palette
60A3AA color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(186,30%,97%) |
#e4eff1 |
rgb(228,239,241) |
hsl(186,30%,92%) |
#d4e6e8 |
rgb(212,230,232) |
hsl(186,30%,87%) |
#c3dcdf |
rgb(195,220,223) |
hsl(186,30%,82%) |
#b3d2d6 |
rgb(179,210,214) |
hsl(186,30%,77%) |
#a2c9cd |
rgb(162,201,205) |
hsl(186,30%,72%) |
#92bfc4 |
rgb(146,191,196) |
hsl(186,30%,67%) |
#81b5bb |
rgb(129,181,187) |
hsl(186,30%,62%) |
#70acb2 |
rgb(112,172,178) |
hsl(186,30%,57%) |
#60a2a9 |
rgb(96,162,169) |
hsl(186,30%,52%) |
#54959c |
rgb(84,149,156) |
hsl(186,30%,47%) |
#4b858b |
rgb(75,133,139) |
hsl(186,30%,42%) |
#42757b |
rgb(66,117,123) |
hsl(186,30%,37%) |
#39656a |
rgb(57,101,106) |
hsl(186,30%,32%) |
#30555a |
rgb(48,85,90) |
hsl(186,30%,27%) |
#274649 |
rgb(39,70,73) |
hsl(186,30%,22%) |
#1e3638 |
rgb(30,54,56) |
hsl(186,30%,17%) |
#152628 |
rgb(21,38,40) |
hsl(186,30%,12%) |
#0c1617 |
rgb(12,22,23) |
hsl(186,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(186,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#60AB7F |
rgb(96,171,127) |
hsl(145,31%,52%) |
#60A3AA |
rgb(96,163,170) |
hsl(186,30%,52%) |
#6073AA |
rgb(96,115,170) |
hsl(225,30%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97C4C7 |
rgb(151,196,199) |
hsl(184,30%,69%) |
#7BB3B8 |
rgb(123,179,184) |
hsl(185,30%,60%) |
#60A3AA |
rgb(96,163,170) |
hsl(186,30%,52%) |
#4D8C91 |
rgb(77,140,145) |
hsl(184,31%,44%) |
#3F7075 |
rgb(63,112,117) |
hsl(186,30%,35%) |
#30575A |
rgb(48,87,90) |
hsl(184,30%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#60A3AA |
rgb(96,163,170) |
hsl(186,30%,52%) |
#AA617E |
rgb(170,97,126) |
hsl(336,30%,52%) |
#AA8C60 |
rgb(170,140,96) |
hsl(36,30%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60A3AA |
rgb(96,163,170) |
hsl(186,30%,52%) |
#AA6660 |
rgb(170,102,96) |
hsl(5,30%,52%) |
#60AB8C |
rgb(96,171,140) |
hsl(155,31%,52%) |
#AA8C60 |
rgb(170,140,96) |
hsl(36,30%,52%) |