HEX #5B9EA2 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5B9EA2 color palette from light to dark

HEX RGB HSL
#eff5f6 rgb(239,245,246) hsl(183,28%,95%)
#deeced rgb(222,236,237) hsl(183,28%,90%)
#cee2e3 rgb(206,226,227) hsl(183,28%,85%)
#bed9da rgb(190,217,218) hsl(183,28%,80%)
#adcfd1 rgb(173,207,209) hsl(183,28%,75%)
#9dc6c8 rgb(157,198,200) hsl(183,28%,70%)
#8dbcbf rgb(141,188,191) hsl(183,28%,65%)
#7cb3b6 rgb(124,179,182) hsl(183,28%,60%)
#6ca9ac rgb(108,169,172) hsl(183,28%,55%)
#5ca0a3 rgb(92,160,163) hsl(183,28%,50%)
#539093 rgb(83,144,147) hsl(183,28%,45%)
#498083 rgb(73,128,131) hsl(183,28%,40%)
#407072 rgb(64,112,114) hsl(183,28%,35%)
#376062 rgb(55,96,98) hsl(183,28%,30%)
#2e5052 rgb(46,80,82) hsl(183,28%,25%)
#254041 rgb(37,64,65) hsl(183,28%,20%)
#1c3031 rgb(28,48,49) hsl(183,28%,15%)
#122021 rgb(18,32,33) hsl(183,28%,10%)
#091010 rgb(9,16,16) hsl(183,28%,5%)

Adjacent colors

HEX RGB HSL
#5BA376 rgb(91,163,118) hsl(143,28%,50%)
#5B9EA2 rgb(91,158,162) hsl(183,28%,50%)
#5B6EA2 rgb(91,110,162) hsl(224,28%,50%)

Monochromatic colors

HEX RGB HSL
#8EBDBF rgb(142,189,191) hsl(182,28%,65%)
#74ADB1 rgb(116,173,177) hsl(184,28%,57%)
#5B9EA2 rgb(91,158,162) hsl(183,28%,50%)
#4C8588 rgb(76,133,136) hsl(183,28%,42%)
#3D6B6E rgb(61,107,110) hsl(184,29%,34%)
#2F5254 rgb(47,82,84) hsl(183,28%,26%)

Triad color palettes

HEX RGB HSL
#5B9EA2 rgb(91,158,162) hsl(183,28%,50%)
#A25C7A rgb(162,92,122) hsl(334,28%,50%)
#A2825B rgb(162,130,91) hsl(33,28%,50%)

Tetrad color palettes

HEX RGB HSL
#5B9EA2 rgb(91,158,162) hsl(183,28%,50%)
#A25E5B rgb(162,94,91) hsl(3,28%,50%)
#5BA382 rgb(91,163,130) hsl(153,28%,50%)
#A2825B rgb(162,130,91) hsl(33,28%,50%)