HEX #69ABBC color — Tradewind
The color #69ABBC is a light shade and slightly desaturated.
Palette
69ABBC color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(192,38%,97%) |
#e3eff2 |
rgb(227,239,242) |
hsl(192,38%,92%) |
#d1e5ea |
rgb(209,229,234) |
hsl(192,38%,87%) |
#c0dce3 |
rgb(192,220,227) |
hsl(192,38%,82%) |
#aed2db |
rgb(174,210,219) |
hsl(192,38%,77%) |
#9cc8d3 |
rgb(156,200,211) |
hsl(192,38%,72%) |
#8bbecb |
rgb(139,190,203) |
hsl(192,38%,67%) |
#79b4c3 |
rgb(121,180,195) |
hsl(192,38%,62%) |
#68aabb |
rgb(104,170,187) |
hsl(192,38%,57%) |
#56a1b3 |
rgb(86,161,179) |
hsl(192,38%,52%) |
#4a93a5 |
rgb(74,147,165) |
hsl(192,38%,47%) |
#428494 |
rgb(66,132,148) |
hsl(192,38%,42%) |
#3a7482 |
rgb(58,116,130) |
hsl(192,38%,37%) |
#336471 |
rgb(51,100,113) |
hsl(192,38%,32%) |
#2b555f |
rgb(43,85,95) |
hsl(192,38%,27%) |
#23454d |
rgb(35,69,77) |
hsl(192,38%,22%) |
#1b353c |
rgb(27,53,60) |
hsl(192,38%,17%) |
#13262a |
rgb(19,38,42) |
hsl(192,38%,12%) |
#0b1619 |
rgb(11,22,25) |
hsl(192,38%,7%) |
#030607 |
rgb(3,6,7) |
hsl(192,38%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#69BD95 |
rgb(105,189,149) |
hsl(151,39%,58%) |
#69ABBC |
rgb(105,171,188) |
hsl(192,38%,57%) |
#6973BC |
rgb(105,115,188) |
hsl(233,38%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A9CFD8 |
rgb(169,207,216) |
hsl(191,38%,75%) |
#89BDCA |
rgb(137,189,202) |
hsl(192,38%,66%) |
#69ABBC |
rgb(105,171,188) |
hsl(192,38%,57%) |
#4B96AA |
rgb(75,150,170) |
hsl(193,39%,48%) |
#3D7A89 |
rgb(61,122,137) |
hsl(192,38%,39%) |
#2F5E69 |
rgb(47,94,105) |
hsl(191,38%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#69ABBC |
rgb(105,171,188) |
hsl(192,38%,57%) |
#BC6981 |
rgb(188,105,129) |
hsl(343,38%,57%) |
#BCA369 |
rgb(188,163,105) |
hsl(42,38%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#69ABBC |
rgb(105,171,188) |
hsl(192,38%,57%) |
#BC7A69 |
rgb(188,122,105) |
hsl(12,38%,57%) |
#69BDA3 |
rgb(105,189,163) |
hsl(161,39%,58%) |
#BCA369 |
rgb(188,163,105) |
hsl(42,38%,57%) |