HEX #5AABB1 color — Tradewind
The color #5AABB1 is a light shade and slightly desaturated.
Palette
5AABB1 color palette from light to dark
HEX |
RGB |
HSL |
#f5fafa |
rgb(245,250,250) |
hsl(184,36%,97%) |
#e3f1f2 |
rgb(227,241,242) |
hsl(184,36%,92%) |
#d2e8ea |
rgb(210,232,234) |
hsl(184,36%,87%) |
#c1dfe2 |
rgb(193,223,226) |
hsl(184,36%,82%) |
#afd7d9 |
rgb(175,215,217) |
hsl(184,36%,77%) |
#9eced1 |
rgb(158,206,209) |
hsl(184,36%,72%) |
#8dc5c9 |
rgb(141,197,201) |
hsl(184,36%,67%) |
#7bbcc1 |
rgb(123,188,193) |
hsl(184,36%,62%) |
#6ab4b9 |
rgb(106,180,185) |
hsl(184,36%,57%) |
#59abb1 |
rgb(89,171,177) |
hsl(184,36%,52%) |
#4d9da3 |
rgb(77,157,163) |
hsl(184,36%,47%) |
#458d92 |
rgb(69,141,146) |
hsl(184,36%,42%) |
#3c7c80 |
rgb(60,124,128) |
hsl(184,36%,37%) |
#346b6f |
rgb(52,107,111) |
hsl(184,36%,32%) |
#2c5a5e |
rgb(44,90,94) |
hsl(184,36%,27%) |
#244a4c |
rgb(36,74,76) |
hsl(184,36%,22%) |
#1c393b |
rgb(28,57,59) |
hsl(184,36%,17%) |
#14282a |
rgb(20,40,42) |
hsl(184,36%,12%) |
#0b1718 |
rgb(11,23,24) |
hsl(184,36%,7%) |
#030707 |
rgb(3,7,7) |
hsl(184,36%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB07D |
rgb(90,176,125) |
hsl(144,35%,52%) |
#5AABB1 |
rgb(90,171,177) |
hsl(184,36%,52%) |
#5A70B1 |
rgb(90,112,177) |
hsl(225,36%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94C9CC |
rgb(148,201,204) |
hsl(183,35%,69%) |
#77BABE |
rgb(119,186,190) |
hsl(183,35%,61%) |
#5AABB1 |
rgb(90,171,177) |
hsl(184,36%,52%) |
#479498 |
rgb(71,148,152) |
hsl(183,36%,44%) |
#3A787B |
rgb(58,120,123) |
hsl(183,36%,35%) |
#2C5C5E |
rgb(44,92,94) |
hsl(182,36%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AABB1 |
rgb(90,171,177) |
hsl(184,36%,52%) |
#B1597F |
rgb(177,89,127) |
hsl(334,36%,52%) |
#B18C5A |
rgb(177,140,90) |
hsl(34,36%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AABB1 |
rgb(90,171,177) |
hsl(184,36%,52%) |
#B1615A |
rgb(177,97,90) |
hsl(5,36%,52%) |
#5AB08B |
rgb(90,176,139) |
hsl(154,35%,52%) |
#B18C5A |
rgb(177,140,90) |
hsl(34,36%,52%) |