HEX #5DABB2 color — Tradewind
The color #5DABB2 is a light shade and slightly desaturated.
Palette
5DABB2 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 |
#5DB380 |
rgb(93,179,128) |
hsl(144,36%,53%) |
#5DABB2 |
rgb(93,171,178) |
hsl(185,36%,53%) |
#5D73B2 |
rgb(93,115,178) |
hsl(224,36%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97C9CD |
rgb(151,201,205) |
hsl(184,35%,70%) |
#7ABABF |
rgb(122,186,191) |
hsl(184,35%,61%) |
#5DABB2 |
rgb(93,171,178) |
hsl(185,36%,53%) |
#49949A |
rgb(73,148,154) |
hsl(184,36%,45%) |
#3B787C |
rgb(59,120,124) |
hsl(184,36%,36%) |
#2D5C5F |
rgb(45,92,95) |
hsl(184,36%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5DABB2 |
rgb(93,171,178) |
hsl(185,36%,53%) |
#B25C80 |
rgb(178,92,128) |
hsl(335,36%,53%) |
#B28F5D |
rgb(178,143,93) |
hsl(35,36%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5DABB2 |
rgb(93,171,178) |
hsl(185,36%,53%) |
#B2635D |
rgb(178,99,93) |
hsl(4,36%,53%) |
#5DB38E |
rgb(93,179,142) |
hsl(154,36%,53%) |
#B28F5D |
rgb(178,143,93) |
hsl(35,36%,53%) |