HEX #60A4A9 color — Breaker Bay
The color #60a4a9 is a light shade and slightly desaturated.
Palette
60a4a9 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(184,30%,97%) |
#e4f0f1 |
rgb(228,240,241) |
hsl(184,30%,92%) |
#d4e6e8 |
rgb(212,230,232) |
hsl(184,30%,87%) |
#c3dddf |
rgb(195,221,223) |
hsl(184,30%,82%) |
#b3d4d6 |
rgb(179,212,214) |
hsl(184,30%,77%) |
#a2cacd |
rgb(162,202,205) |
hsl(184,30%,72%) |
#92c1c4 |
rgb(146,193,196) |
hsl(184,30%,67%) |
#81b7bb |
rgb(129,183,187) |
hsl(184,30%,62%) |
#70aeb2 |
rgb(112,174,178) |
hsl(184,30%,57%) |
#60a4a9 |
rgb(96,164,169) |
hsl(184,30%,52%) |
#54979c |
rgb(84,151,156) |
hsl(184,30%,47%) |
#4b878b |
rgb(75,135,139) |
hsl(184,30%,42%) |
#42777b |
rgb(66,119,123) |
hsl(184,30%,37%) |
#39676a |
rgb(57,103,106) |
hsl(184,30%,32%) |
#30575a |
rgb(48,87,90) |
hsl(184,30%,27%) |
#274749 |
rgb(39,71,73) |
hsl(184,30%,22%) |
#1e3738 |
rgb(30,55,56) |
hsl(184,30%,17%) |
#152728 |
rgb(21,39,40) |
hsl(184,30%,12%) |
#0c1617 |
rgb(12,22,23) |
hsl(184,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(184,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#60A87D |
rgb(96,168,125) |
hsl(144,29%,52%) |
#60A4A9 |
rgb(96,164,169) |
hsl(184,30%,52%) |
#6073A9 |
rgb(96,115,169) |
hsl(224,30%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97C4C6 |
rgb(151,196,198) |
hsl(183,29%,68%) |
#7BB3B7 |
rgb(123,179,183) |
hsl(184,29%,60%) |
#60A4A9 |
rgb(96,164,169) |
hsl(184,30%,52%) |
#4E8C90 |
rgb(78,140,144) |
hsl(184,30%,44%) |
#3F7074 |
rgb(63,112,116) |
hsl(185,30%,35%) |
#305759 |
rgb(48,87,89) |
hsl(183,30%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#60A4A9 |
rgb(96,164,169) |
hsl(184,30%,52%) |
#A9617F |
rgb(169,97,127) |
hsl(335,30%,52%) |
#A98A60 |
rgb(169,138,96) |
hsl(35,30%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60A4A9 |
rgb(96,164,169) |
hsl(184,30%,52%) |
#A96660 |
rgb(169,102,96) |
hsl(5,30%,52%) |
#60A889 |
rgb(96,168,137) |
hsl(154,29%,52%) |
#A98A60 |
rgb(169,138,96) |
hsl(35,30%,52%) |