HEX #5CAAB2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5caab2 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(186,36%,98%)
#e7f2f4 rgb(231,242,244) hsl(186,36%,93%)
#d5e9eb rgb(213,233,235) hsl(186,36%,88%)
#c4e0e3 rgb(196,224,227) hsl(186,36%,83%)
#b3d7db rgb(179,215,219) hsl(186,36%,78%)
#a1ced3 rgb(161,206,211) hsl(186,36%,73%)
#90c5cb rgb(144,197,203) hsl(186,36%,68%)
#7fbcc3 rgb(127,188,195) hsl(186,36%,63%)
#6db3ba rgb(109,179,186) hsl(186,36%,58%)
#5caab2 rgb(92,170,178) hsl(186,36%,53%)
#4e9ea6 rgb(78,158,166) hsl(186,36%,48%)
#468d95 rgb(70,141,149) hsl(186,36%,43%)
#3e7d84 rgb(62,125,132) hsl(186,36%,38%)
#366c72 rgb(54,108,114) hsl(186,36%,33%)
#2e5c61 rgb(46,92,97) hsl(186,36%,28%)
#264c50 rgb(38,76,80) hsl(186,36%,23%)
#1d3b3e rgb(29,59,62) hsl(186,36%,18%)
#152b2d rgb(21,43,45) hsl(186,36%,13%)
#0d1a1c rgb(13,26,28) hsl(186,36%,8%)
#050a0a rgb(5,10,10) hsl(186,36%,3%)

Adjacent colors

HEX RGB HSL
#5CB380 rgb(92,179,128) hsl(145,36%,53%)
#5CAAB2 rgb(92,170,178) hsl(186,36%,53%)
#5C70B2 rgb(92,112,178) hsl(226,36%,53%)

Monochromatic colors

HEX RGB HSL
#96C9CD rgb(150,201,205) hsl(184,35%,70%)
#79BABF rgb(121,186,191) hsl(184,35%,61%)
#5CAAB2 rgb(92,170,178) hsl(186,36%,53%)
#48919A rgb(72,145,154) hsl(187,36%,44%)
#3A787C rgb(58,120,124) hsl(184,36%,36%)
#2D5C5F rgb(45,92,95) hsl(184,36%,27%)

Triad color palettes

HEX RGB HSL
#5CAAB2 rgb(92,170,178) hsl(186,36%,53%)
#B25C7F rgb(178,92,127) hsl(336,36%,53%)
#B28F5C rgb(178,143,92) hsl(36,36%,53%)

Tetrad color palettes

HEX RGB HSL
#5CAAB2 rgb(92,170,178) hsl(186,36%,53%)
#B2635C rgb(178,99,92) hsl(5,36%,53%)
#5CB38F rgb(92,179,143) hsl(155,36%,53%)
#B28F5C rgb(178,143,92) hsl(36,36%,53%)