HEX #5AABB2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AABB2 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(185,36%,98%)
#e7f3f4 rgb(231,243,244) hsl(185,36%,93%)
#d5eaeb rgb(213,234,235) hsl(185,36%,88%)
#c4e1e3 rgb(196,225,227) hsl(185,36%,83%)
#b3d8db rgb(179,216,219) hsl(185,36%,78%)
#a1cfd3 rgb(161,207,211) hsl(185,36%,73%)
#90c6cb rgb(144,198,203) hsl(185,36%,68%)
#7fbdc3 rgb(127,189,195) hsl(185,36%,63%)
#6db4ba rgb(109,180,186) hsl(185,36%,58%)
#5cabb2 rgb(92,171,178) hsl(185,36%,53%)
#4e9fa6 rgb(78,159,166) hsl(185,36%,48%)
#468f95 rgb(70,143,149) hsl(185,36%,43%)
#3e7e84 rgb(62,126,132) hsl(185,36%,38%)
#366d72 rgb(54,109,114) hsl(185,36%,33%)
#2e5d61 rgb(46,93,97) hsl(185,36%,28%)
#264c50 rgb(38,76,80) hsl(185,36%,23%)
#1d3c3e rgb(29,60,62) hsl(185,36%,18%)
#152b2d rgb(21,43,45) hsl(185,36%,13%)
#0d1b1c rgb(13,27,28) hsl(185,36%,8%)
#050a0a rgb(5,10,10) hsl(185,36%,3%)

Adjacent colors

HEX RGB HSL
#5AB37E rgb(90,179,126) hsl(144,37%,53%)
#5AABB2 rgb(90,171,178) hsl(185,36%,53%)
#5A70B2 rgb(90,112,178) hsl(225,36%,53%)

Monochromatic colors

HEX RGB HSL
#94C9CD rgb(148,201,205) hsl(184,36%,69%)
#77BABF rgb(119,186,191) hsl(184,36%,61%)
#5AABB2 rgb(90,171,178) hsl(185,36%,53%)
#479499 rgb(71,148,153) hsl(184,37%,44%)
#39787C rgb(57,120,124) hsl(184,37%,35%)
#2C5C5F rgb(44,92,95) hsl(184,37%,27%)

Triad color palettes

HEX RGB HSL
#5AABB2 rgb(90,171,178) hsl(185,36%,53%)
#B2597F rgb(178,89,127) hsl(334,37%,52%)
#B28C5A rgb(178,140,90) hsl(34,36%,53%)

Tetrad color palettes

HEX RGB HSL
#5AABB2 rgb(90,171,178) hsl(185,36%,53%)
#B2615A rgb(178,97,90) hsl(5,36%,53%)
#5AB38D rgb(90,179,141) hsl(154,37%,53%)
#B28C5A rgb(178,140,90) hsl(34,36%,53%)