HEX #60A89C color — Breaker Bay

The color #60A89C is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

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%)