HEX #5A96A2 color — Breaker Bay

The color #5A96A2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5A96A2 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(190,29%,99%)
#ebf3f4 rgb(235,243,244) hsl(190,29%,94%)
#dbe8eb rgb(219,232,235) hsl(190,29%,89%)
#cadee2 rgb(202,222,226) hsl(190,29%,84%)
#bad4d9 rgb(186,212,217) hsl(190,29%,79%)
#a9cad0 rgb(169,202,208) hsl(190,29%,74%)
#99bfc7 rgb(153,191,199) hsl(190,29%,69%)
#89b5be rgb(137,181,190) hsl(190,29%,64%)
#78abb5 rgb(120,171,181) hsl(190,29%,59%)
#68a0ac rgb(104,160,172) hsl(190,29%,54%)
#5995a1 rgb(89,149,161) hsl(190,29%,49%)
#508691 rgb(80,134,145) hsl(190,29%,44%)
#477780 rgb(71,119,128) hsl(190,29%,39%)
#3e6770 rgb(62,103,112) hsl(190,29%,34%)
#35585f rgb(53,88,95) hsl(190,29%,29%)
#2b494f rgb(43,73,79) hsl(190,29%,24%)
#223a3f rgb(34,58,63) hsl(190,29%,19%)
#192b2e rgb(25,43,46) hsl(190,29%,14%)
#101b1e rgb(16,27,30) hsl(190,29%,9%)
#070c0d rgb(7,12,13) hsl(190,29%,4%)

Adjacent colors

HEX RGB HSL
#5AA37E rgb(90,163,126) hsl(150,29%,50%)
#5A96A2 rgb(90,150,162) hsl(190,29%,49%)
#5A66A2 rgb(90,102,162) hsl(230,29%,49%)

Monochromatic colors

HEX RGB HSL
#8CB8BF rgb(140,184,191) hsl(188,28%,65%)
#73A6B1 rgb(115,166,177) hsl(191,28%,57%)
#5A96A2 rgb(90,150,162) hsl(190,29%,49%)
#4B7D88 rgb(75,125,136) hsl(191,29%,41%)
#3D666E rgb(61,102,110) hsl(190,29%,34%)
#2E4F54 rgb(46,79,84) hsl(188,29%,25%)

Triad color palettes

HEX RGB HSL
#5A96A2 rgb(90,150,162) hsl(190,29%,49%)
#A25972 rgb(162,89,114) hsl(339,29%,49%)
#A28A5A rgb(162,138,90) hsl(40,29%,49%)

Tetrad color palettes

HEX RGB HSL
#5A96A2 rgb(90,150,162) hsl(190,29%,49%)
#A2665A rgb(162,102,90) hsl(10,29%,49%)
#5AA38A rgb(90,163,138) hsl(159,29%,50%)
#A28A5A rgb(162,138,90) hsl(40,29%,49%)