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