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