HEX #5AADB2 color — Tradewind
The color #5AADB2 is a light shade and slightly desaturated.
Palette
5AADB2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fcfc |
rgb(248,252,252) |
hsl(183,36%,98%) |
#e7f3f4 |
rgb(231,243,244) |
hsl(183,36%,93%) |
#d5eaeb |
rgb(213,234,235) |
hsl(183,36%,88%) |
#c4e2e3 |
rgb(196,226,227) |
hsl(183,36%,83%) |
#b3d9db |
rgb(179,217,219) |
hsl(183,36%,78%) |
#a1d0d3 |
rgb(161,208,211) |
hsl(183,36%,73%) |
#90c8cb |
rgb(144,200,203) |
hsl(183,36%,68%) |
#7fbfc3 |
rgb(127,191,195) |
hsl(183,36%,63%) |
#6db7ba |
rgb(109,183,186) |
hsl(183,36%,58%) |
#5caeb2 |
rgb(92,174,178) |
hsl(183,36%,53%) |
#4ea2a6 |
rgb(78,162,166) |
hsl(183,36%,48%) |
#469195 |
rgb(70,145,149) |
hsl(183,36%,43%) |
#3e8084 |
rgb(62,128,132) |
hsl(183,36%,38%) |
#366f72 |
rgb(54,111,114) |
hsl(183,36%,33%) |
#2e5f61 |
rgb(46,95,97) |
hsl(183,36%,28%) |
#264e50 |
rgb(38,78,80) |
hsl(183,36%,23%) |
#1d3d3e |
rgb(29,61,62) |
hsl(183,36%,18%) |
#152c2d |
rgb(21,44,45) |
hsl(183,36%,13%) |
#0d1b1c |
rgb(13,27,28) |
hsl(183,36%,8%) |
#050a0a |
rgb(5,10,10) |
hsl(183,36%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB37C |
rgb(90,179,124) |
hsl(143,37%,53%) |
#5AADB2 |
rgb(90,173,178) |
hsl(183,36%,53%) |
#5A73B2 |
rgb(90,115,178) |
hsl(223,36%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94C9CD |
rgb(148,201,205) |
hsl(184,36%,69%) |
#77BDBF |
rgb(119,189,191) |
hsl(182,36%,61%) |
#5AADB2 |
rgb(90,173,178) |
hsl(183,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 |
#5AADB2 |
rgb(90,173,178) |
hsl(183,36%,53%) |
#B25981 |
rgb(178,89,129) |
hsl(333,37%,52%) |
#B28C5A |
rgb(178,140,90) |
hsl(34,36%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AADB2 |
rgb(90,173,178) |
hsl(183,36%,53%) |
#B25E5A |
rgb(178,94,90) |
hsl(3,36%,53%) |
#5AB38B |
rgb(90,179,139) |
hsl(153,37%,53%) |
#B28C5A |
rgb(178,140,90) |
hsl(34,36%,53%) |