HEX #69ABB8 color — Tradewind
The color #69ABB8 is a light shade and slightly desaturated.
Palette
69ABB8 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(190,36%,97%) |
#e3eff2 |
rgb(227,239,242) |
hsl(190,36%,92%) |
#d2e6ea |
rgb(210,230,234) |
hsl(190,36%,87%) |
#c1dce2 |
rgb(193,220,226) |
hsl(190,36%,82%) |
#afd2d9 |
rgb(175,210,217) |
hsl(190,36%,77%) |
#9ec9d1 |
rgb(158,201,209) |
hsl(190,36%,72%) |
#8dbfc9 |
rgb(141,191,201) |
hsl(190,36%,67%) |
#7bb5c1 |
rgb(123,181,193) |
hsl(190,36%,62%) |
#6aacb9 |
rgb(106,172,185) |
hsl(190,36%,57%) |
#59a2b1 |
rgb(89,162,177) |
hsl(190,36%,52%) |
#4d95a3 |
rgb(77,149,163) |
hsl(190,36%,47%) |
#458592 |
rgb(69,133,146) |
hsl(190,36%,42%) |
#3c7580 |
rgb(60,117,128) |
hsl(190,36%,37%) |
#34656f |
rgb(52,101,111) |
hsl(190,36%,32%) |
#2c555e |
rgb(44,85,94) |
hsl(190,36%,27%) |
#24464c |
rgb(36,70,76) |
hsl(190,36%,22%) |
#1c363b |
rgb(28,54,59) |
hsl(190,36%,17%) |
#14262a |
rgb(20,38,42) |
hsl(190,36%,12%) |
#0b1618 |
rgb(11,22,24) |
hsl(190,36%,7%) |
#030607 |
rgb(3,6,7) |
hsl(190,36%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#69B890 |
rgb(105,184,144) |
hsl(150,36%,57%) |
#69ABB8 |
rgb(105,171,184) |
hsl(190,36%,57%) |
#6975B8 |
rgb(105,117,184) |
hsl(231,36%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A7CFD5 |
rgb(167,207,213) |
hsl(188,35%,75%) |
#88BDC6 |
rgb(136,189,198) |
hsl(189,35%,65%) |
#69ABB8 |
rgb(105,171,184) |
hsl(190,36%,57%) |
#4D96A4 |
rgb(77,150,164) |
hsl(190,36%,47%) |
#3F7A85 |
rgb(63,122,133) |
hsl(189,36%,38%) |
#305E66 |
rgb(48,94,102) |
hsl(189,36%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#69ABB8 |
rgb(105,171,184) |
hsl(190,36%,57%) |
#B86983 |
rgb(184,105,131) |
hsl(340,36%,57%) |
#B89E69 |
rgb(184,158,105) |
hsl(40,36%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#69ABB8 |
rgb(105,171,184) |
hsl(190,36%,57%) |
#B87569 |
rgb(184,117,105) |
hsl(9,36%,57%) |
#69B89D |
rgb(105,184,157) |
hsl(159,36%,57%) |
#B89E69 |
rgb(184,158,105) |
hsl(40,36%,57%) |