HEX #60A89C color — Breaker Bay
The color #60A89C is a light shade and slightly desaturated.
Palette
60A89C color palette from light to dark
HEX |
RGB |
HSL |
#f5faf9 |
rgb(245,250,249) |
hsl(170,29%,97%) |
#e5f1ef |
rgb(229,241,239) |
hsl(170,29%,92%) |
#d4e7e4 |
rgb(212,231,228) |
hsl(170,29%,87%) |
#c4deda |
rgb(196,222,218) |
hsl(170,29%,82%) |
#b3d5d0 |
rgb(179,213,208) |
hsl(170,29%,77%) |
#a3ccc5 |
rgb(163,204,197) |
hsl(170,29%,72%) |
#92c3bb |
rgb(146,195,187) |
hsl(170,29%,67%) |
#82bab1 |
rgb(130,186,177) |
hsl(170,29%,62%) |
#72b1a7 |
rgb(114,177,167) |
hsl(170,29%,57%) |
#61a89c |
rgb(97,168,156) |
hsl(170,29%,52%) |
#559b8f |
rgb(85,155,143) |
hsl(170,29%,47%) |
#4c8a80 |
rgb(76,138,128) |
hsl(170,29%,42%) |
#437a71 |
rgb(67,122,113) |
hsl(170,29%,37%) |
#3a6961 |
rgb(58,105,97) |
hsl(170,29%,32%) |
#315952 |
rgb(49,89,82) |
hsl(170,29%,27%) |
#284843 |
rgb(40,72,67) |
hsl(170,29%,22%) |
#1f3834 |
rgb(31,56,52) |
hsl(170,29%,17%) |
#162725 |
rgb(22,39,37) |
hsl(170,29%,12%) |
#0d1715 |
rgb(13,23,21) |
hsl(170,29%,7%) |
#040706 |
rgb(4,7,6) |
hsl(170,29%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#60A86C |
rgb(96,168,108) |
hsl(130,29%,52%) |
#60A89C |
rgb(96,168,156) |
hsl(170,29%,52%) |
#6085A8 |
rgb(96,133,168) |
hsl(209,29%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96C7BE |
rgb(150,199,190) |
hsl(169,30%,68%) |
#7BB8AD |
rgb(123,184,173) |
hsl(169,30%,60%) |
#60A89C |
rgb(96,168,156) |
hsl(170,29%,52%) |
#4E8F84 |
rgb(78,143,132) |
hsl(170,29%,43%) |
#3F756B |
rgb(63,117,107) |
hsl(169,30%,35%) |
#305952 |
rgb(48,89,82) |
hsl(170,30%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#60A89C |
rgb(96,168,156) |
hsl(170,29%,52%) |
#A86190 |
rgb(168,97,144) |
hsl(320,29%,52%) |
#A87860 |
rgb(168,120,96) |
hsl(20,29%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60A89C |
rgb(96,168,156) |
hsl(170,29%,52%) |
#A8616C |
rgb(168,97,108) |
hsl(351,29%,52%) |
#60A878 |
rgb(96,168,120) |
hsl(140,29%,52%) |
#A87860 |
rgb(168,120,96) |
hsl(20,29%,52%) |