HEX #5BABB2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5BABB2 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
#5BB37F rgb(91,179,127) hsl(145,37%,53%)
#5BABB2 rgb(91,171,178) hsl(185,36%,53%)
#5B70B2 rgb(91,112,178) hsl(226,36%,53%)

Monochromatic colors

HEX RGB HSL
#95C9CD rgb(149,201,205) hsl(184,36%,69%)
#78BABF rgb(120,186,191) hsl(184,36%,61%)
#5BABB2 rgb(91,171,178) hsl(185,36%,53%)
#489499 rgb(72,148,153) hsl(184,36%,44%)
#3A787C rgb(58,120,124) hsl(184,36%,36%)
#2C5C5F rgb(44,92,95) hsl(184,37%,27%)

Triad color palettes

HEX RGB HSL
#5BABB2 rgb(91,171,178) hsl(185,36%,53%)
#B25C7F rgb(178,92,127) hsl(336,36%,53%)
#B28C5B rgb(178,140,91) hsl(34,36%,53%)

Tetrad color palettes

HEX RGB HSL
#5BABB2 rgb(91,171,178) hsl(185,36%,53%)
#B2615B rgb(178,97,91) hsl(4,36%,53%)
#5BB38D rgb(91,179,141) hsl(154,37%,53%)
#B28C5B rgb(178,140,91) hsl(34,36%,53%)