HEX #60A4A2 color — Breaker Bay
The color #60a4a2 is a light shade and slightly desaturated.
Palette
60a4a2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f7 |
rgb(242,248,247) |
hsl(178,27%,96%) |
#e2eeee |
rgb(226,238,238) |
hsl(178,27%,91%) |
#d2e5e4 |
rgb(210,229,228) |
hsl(178,27%,86%) |
#c1dcdb |
rgb(193,220,219) |
hsl(178,27%,81%) |
#b1d2d1 |
rgb(177,210,209) |
hsl(178,27%,76%) |
#a1c9c8 |
rgb(161,201,200) |
hsl(178,27%,71%) |
#91c0be |
rgb(145,192,190) |
hsl(178,27%,66%) |
#81b6b5 |
rgb(129,182,181) |
hsl(178,27%,61%) |
#71adab |
rgb(113,173,171) |
hsl(178,27%,56%) |
#60a4a2 |
rgb(96,164,162) |
hsl(178,27%,51%) |
#569593 |
rgb(86,149,147) |
hsl(178,27%,46%) |
#4c8583 |
rgb(76,133,131) |
hsl(178,27%,41%) |
#437573 |
rgb(67,117,115) |
hsl(178,27%,36%) |
#3a6463 |
rgb(58,100,99) |
hsl(178,27%,31%) |
#305453 |
rgb(48,84,83) |
hsl(178,27%,26%) |
#274443 |
rgb(39,68,67) |
hsl(178,27%,21%) |
#1e3433 |
rgb(30,52,51) |
hsl(178,27%,16%) |
#142423 |
rgb(20,36,35) |
hsl(178,27%,11%) |
#0b1313 |
rgb(11,19,19) |
hsl(178,27%,6%) |
#020303 |
rgb(2,3,3) |
hsl(178,27%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#60A374 |
rgb(96,163,116) |
hsl(138,27%,51%) |
#60A4A2 |
rgb(96,164,162) |
hsl(178,27%,51%) |
#6078A4 |
rgb(96,120,164) |
hsl(219,27%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94C2C0 |
rgb(148,194,192) |
hsl(177,27%,67%) |
#7AB3B1 |
rgb(122,179,177) |
hsl(178,27%,59%) |
#60A4A2 |
rgb(96,164,162) |
hsl(178,27%,51%) |
#4F8A89 |
rgb(79,138,137) |
hsl(179,27%,43%) |
#40706F |
rgb(64,112,111) |
hsl(179,27%,35%) |
#315754 |
rgb(49,87,84) |
hsl(175,28%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#60A4A2 |
rgb(96,164,162) |
hsl(178,27%,51%) |
#A46184 |
rgb(164,97,132) |
hsl(329,27%,51%) |
#A48060 |
rgb(164,128,96) |
hsl(28,27%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60A4A2 |
rgb(96,164,162) |
hsl(178,27%,51%) |
#A46162 |
rgb(164,97,98) |
hsl(359,27%,51%) |
#60A380 |
rgb(96,163,128) |
hsl(149,27%,51%) |
#A48060 |
rgb(164,128,96) |
hsl(28,27%,51%) |