HEX #5B96A2 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5B96A2 color palette from light to dark

HEX RGB HSL
#eff5f6 rgb(239,245,246) hsl(190,28%,95%)
#deeaed rgb(222,234,237) hsl(190,28%,90%)
#cee0e3 rgb(206,224,227) hsl(190,28%,85%)
#bed6da rgb(190,214,218) hsl(190,28%,80%)
#adcbd1 rgb(173,203,209) hsl(190,28%,75%)
#9dc1c8 rgb(157,193,200) hsl(190,28%,70%)
#8db6bf rgb(141,182,191) hsl(190,28%,65%)
#7cacb6 rgb(124,172,182) hsl(190,28%,60%)
#6ca2ac rgb(108,162,172) hsl(190,28%,55%)
#5c97a3 rgb(92,151,163) hsl(190,28%,50%)
#538893 rgb(83,136,147) hsl(190,28%,45%)
#497983 rgb(73,121,131) hsl(190,28%,40%)
#406a72 rgb(64,106,114) hsl(190,28%,35%)
#375b62 rgb(55,91,98) hsl(190,28%,30%)
#2e4c52 rgb(46,76,82) hsl(190,28%,25%)
#253d41 rgb(37,61,65) hsl(190,28%,20%)
#1c2d31 rgb(28,45,49) hsl(190,28%,15%)
#121e21 rgb(18,30,33) hsl(190,28%,10%)
#090f10 rgb(9,15,16) hsl(190,28%,5%)

Adjacent colors

HEX RGB HSL
#5BA37E rgb(91,163,126) hsl(149,28%,50%)
#5B96A2 rgb(91,150,162) hsl(190,28%,50%)
#5B66A2 rgb(91,102,162) hsl(231,28%,50%)

Monochromatic colors

HEX RGB HSL
#8EB8BF rgb(142,184,191) hsl(189,28%,65%)
#74A6B1 rgb(116,166,177) hsl(191,28%,57%)
#5B96A2 rgb(91,150,162) hsl(190,28%,50%)
#4C7D88 rgb(76,125,136) hsl(191,28%,42%)
#3D666E rgb(61,102,110) hsl(190,29%,34%)
#2F4F54 rgb(47,79,84) hsl(188,28%,26%)

Triad color palettes

HEX RGB HSL
#5B96A2 rgb(91,150,162) hsl(190,28%,50%)
#A25C72 rgb(162,92,114) hsl(341,28%,50%)
#A28A5B rgb(162,138,91) hsl(40,28%,50%)

Tetrad color palettes

HEX RGB HSL
#5B96A2 rgb(91,150,162) hsl(190,28%,50%)
#A2665B rgb(162,102,91) hsl(9,28%,50%)
#5BA38A rgb(91,163,138) hsl(159,28%,50%)
#A28A5B rgb(162,138,91) hsl(40,28%,50%)