HEX #5AA3A8 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA3A8 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
#5AA879 rgb(90,168,121) hsl(144,31%,51%)
#5AA3A8 rgb(90,163,168) hsl(184,31%,51%)
#5A70A8 rgb(90,112,168) hsl(223,31%,51%)

Monochromatic colors

HEX RGB HSL
#90C2C4 rgb(144,194,196) hsl(182,31%,67%)
#75B3B6 rgb(117,179,182) hsl(183,31%,59%)
#5AA3A8 rgb(90,163,168) hsl(184,31%,51%)
#4A8A8D rgb(74,138,141) hsl(183,31%,42%)
#3C7072 rgb(60,112,114) hsl(182,31%,34%)
#2E5457 rgb(46,84,87) hsl(184,31%,26%)

Triad color palettes

HEX RGB HSL
#5AA3A8 rgb(90,163,168) hsl(184,31%,51%)
#A8597C rgb(168,89,124) hsl(333,31%,50%)
#A8875A rgb(168,135,90) hsl(35,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5AA3A8 rgb(90,163,168) hsl(184,31%,51%)
#A85E5A rgb(168,94,90) hsl(3,31%,51%)
#5AA886 rgb(90,168,134) hsl(154,31%,51%)
#A8875A rgb(168,135,90) hsl(35,31%,51%)