HEX #60AB97 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

60AB97 color palette from light to dark

HEX RGB HSL
#f5faf8 rgb(245,250,248) hsl(164,31%,97%)
#e4f1ee rgb(228,241,238) hsl(164,31%,92%)
#d4e8e3 rgb(212,232,227) hsl(164,31%,87%)
#c3dfd8 rgb(195,223,216) hsl(164,31%,82%)
#b2d7cd rgb(178,215,205) hsl(164,31%,77%)
#a1cec2 rgb(161,206,194) hsl(164,31%,72%)
#91c5b7 rgb(145,197,183) hsl(164,31%,67%)
#80bcac rgb(128,188,172) hsl(164,31%,62%)
#6fb3a1 rgb(111,179,161) hsl(164,31%,57%)
#5fab96 rgb(95,171,150) hsl(164,31%,52%)
#539d89 rgb(83,157,137) hsl(164,31%,47%)
#4a8c7b rgb(74,140,123) hsl(164,31%,42%)
#417c6c rgb(65,124,108) hsl(164,31%,37%)
#386b5d rgb(56,107,93) hsl(164,31%,32%)
#305a4f rgb(48,90,79) hsl(164,31%,27%)
#274940 rgb(39,73,64) hsl(164,31%,22%)
#1e3932 rgb(30,57,50) hsl(164,31%,17%)
#152823 rgb(21,40,35) hsl(164,31%,12%)
#0c1714 rgb(12,23,20) hsl(164,31%,7%)
#040706 rgb(4,7,6) hsl(164,31%,2%)

Adjacent colors

HEX RGB HSL
#60AB65 rgb(96,171,101) hsl(124,31%,52%)
#60AB97 rgb(96,171,151) hsl(164,31%,52%)
#608CAB rgb(96,140,171) hsl(205,31%,52%)

Monochromatic colors

HEX RGB HSL
#97C9BB rgb(151,201,187) hsl(163,32%,69%)
#7BBAA9 rgb(123,186,169) hsl(164,31%,61%)
#60AB97 rgb(96,171,151) hsl(164,31%,52%)
#4D9480 rgb(77,148,128) hsl(163,32%,44%)
#3E7867 rgb(62,120,103) hsl(162,32%,36%)
#2F5C4F rgb(47,92,79) hsl(163,32%,27%)

Triad color palettes

HEX RGB HSL
#60AB97 rgb(96,171,151) hsl(164,31%,52%)
#AB6199 rgb(171,97,153) hsl(315,31%,53%)
#AB7360 rgb(171,115,96) hsl(15,31%,52%)

Tetrad color palettes

HEX RGB HSL
#60AB97 rgb(96,171,151) hsl(164,31%,52%)
#AB6174 rgb(171,97,116) hsl(345,31%,53%)
#60AB71 rgb(96,171,113) hsl(134,31%,52%)
#AB7360 rgb(171,115,96) hsl(15,31%,52%)