HEX #60A4A9 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

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