HEX #5A99A2 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5A99A2 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(188,29%,99%)
#ebf3f4 rgb(235,243,244) hsl(188,29%,94%)
#dbe9eb rgb(219,233,235) hsl(188,29%,89%)
#cadfe2 rgb(202,223,226) hsl(188,29%,84%)
#bad5d9 rgb(186,213,217) hsl(188,29%,79%)
#a9cbd0 rgb(169,203,208) hsl(188,29%,74%)
#99c1c7 rgb(153,193,199) hsl(188,29%,69%)
#89b7be rgb(137,183,190) hsl(188,29%,64%)
#78adb5 rgb(120,173,181) hsl(188,29%,59%)
#68a3ac rgb(104,163,172) hsl(188,29%,54%)
#5998a1 rgb(89,152,161) hsl(188,29%,49%)
#508891 rgb(80,136,145) hsl(188,29%,44%)
#477980 rgb(71,121,128) hsl(188,29%,39%)
#3e6970 rgb(62,105,112) hsl(188,29%,34%)
#355a5f rgb(53,90,95) hsl(188,29%,29%)
#2b4a4f rgb(43,74,79) hsl(188,29%,24%)
#223b3f rgb(34,59,63) hsl(188,29%,19%)
#192b2e rgb(25,43,46) hsl(188,29%,14%)
#101c1e rgb(16,28,30) hsl(188,29%,9%)
#070c0d rgb(7,12,13) hsl(188,29%,4%)

Adjacent colors

HEX RGB HSL
#5AA37B rgb(90,163,123) hsl(147,29%,50%)
#5A99A2 rgb(90,153,162) hsl(188,29%,49%)
#5A69A2 rgb(90,105,162) hsl(228,29%,49%)

Monochromatic colors

HEX RGB HSL
#8CBABF rgb(140,186,191) hsl(186,28%,65%)
#73A8B1 rgb(115,168,177) hsl(189,28%,57%)
#5A99A2 rgb(90,153,162) hsl(188,29%,49%)
#4B8088 rgb(75,128,136) hsl(188,29%,41%)
#3D696E rgb(61,105,110) hsl(186,29%,34%)
#2E4F54 rgb(46,79,84) hsl(188,29%,25%)

Triad color palettes

HEX RGB HSL
#5A99A2 rgb(90,153,162) hsl(188,29%,49%)
#A25975 rgb(162,89,117) hsl(337,29%,49%)
#A2875A rgb(162,135,90) hsl(38,29%,49%)

Tetrad color palettes

HEX RGB HSL
#5A99A2 rgb(90,153,162) hsl(188,29%,49%)
#A2635A rgb(162,99,90) hsl(8,29%,49%)
#5AA387 rgb(90,163,135) hsl(157,29%,50%)
#A2875A rgb(162,135,90) hsl(38,29%,49%)