HEX #5CAAB2 color — Tradewind
The color #5caab2 is a light shade and slightly desaturated.
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%) |