HEX #5BA3A8 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA3A8 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(184,31%,96%)
#e1eeef rgb(225,238,239) hsl(184,31%,91%)
#d0e5e6 rgb(208,229,230) hsl(184,31%,86%)
#c0dcde rgb(192,220,222) hsl(184,31%,81%)
#afd2d5 rgb(175,210,213) hsl(184,31%,76%)
#9ec9cc rgb(158,201,204) hsl(184,31%,71%)
#8dc0c3 rgb(141,192,195) hsl(184,31%,66%)
#7db6ba rgb(125,182,186) hsl(184,31%,61%)
#6cadb2 rgb(108,173,178) hsl(184,31%,56%)
#5ba4a9 rgb(91,164,169) hsl(184,31%,51%)
#51959a rgb(81,149,154) hsl(184,31%,46%)
#488589 rgb(72,133,137) hsl(184,31%,41%)
#3f7478 rgb(63,116,120) hsl(184,31%,36%)
#376468 rgb(55,100,104) hsl(184,31%,31%)
#2e5457 rgb(46,84,87) hsl(184,31%,26%)
#254446 rgb(37,68,70) hsl(184,31%,21%)
#1c3435 rgb(28,52,53) hsl(184,31%,16%)
#132425 rgb(19,36,37) hsl(184,31%,11%)
#0b1314 rgb(11,19,20) hsl(184,31%,6%)
#020303 rgb(2,3,3) hsl(184,31%,1%)

Adjacent colors

HEX RGB HSL
#5BA879 rgb(91,168,121) hsl(143,31%,51%)
#5BA3A8 rgb(91,163,168) hsl(184,31%,51%)
#5B70A8 rgb(91,112,168) hsl(224,31%,51%)

Monochromatic colors

HEX RGB HSL
#91C2C4 rgb(145,194,196) hsl(182,30%,67%)
#76B3B6 rgb(118,179,182) hsl(183,30%,59%)
#5BA3A8 rgb(91,163,168) hsl(184,31%,51%)
#4B8A8E rgb(75,138,142) hsl(184,31%,43%)
#3D7073 rgb(61,112,115) hsl(183,31%,35%)
#2E5458 rgb(46,84,88) hsl(186,31%,26%)

Triad color palettes

HEX RGB HSL
#5BA3A8 rgb(91,163,168) hsl(184,31%,51%)
#A85C7C rgb(168,92,124) hsl(335,30%,51%)
#A8875B rgb(168,135,91) hsl(34,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5BA3A8 rgb(91,163,168) hsl(184,31%,51%)
#A8615B rgb(168,97,91) hsl(5,31%,51%)
#5BA886 rgb(91,168,134) hsl(154,31%,51%)
#A8875B rgb(168,135,91) hsl(34,31%,51%)