HEX #69B5BD color — Tradewind
The color #69B5BD is a light shade and slightly desaturated.
Palette
69B5BD color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(186,39%,98%) |
#e6f3f4 |
rgb(230,243,244) |
hsl(186,39%,93%) |
#d4eaec |
rgb(212,234,236) |
hsl(186,39%,88%) |
#c3e1e5 |
rgb(195,225,229) |
hsl(186,39%,83%) |
#b1d8dd |
rgb(177,216,221) |
hsl(186,39%,78%) |
#9fd0d5 |
rgb(159,208,213) |
hsl(186,39%,73%) |
#8ec7cd |
rgb(142,199,205) |
hsl(186,39%,68%) |
#7cbec5 |
rgb(124,190,197) |
hsl(186,39%,63%) |
#6ab5be |
rgb(106,181,190) |
hsl(186,39%,58%) |
#58adb6 |
rgb(88,173,182) |
hsl(186,39%,53%) |
#4ba1aa |
rgb(75,161,170) |
hsl(186,39%,48%) |
#439098 |
rgb(67,144,152) |
hsl(186,39%,43%) |
#3b7f87 |
rgb(59,127,135) |
hsl(186,39%,38%) |
#336e75 |
rgb(51,110,117) |
hsl(186,39%,33%) |
#2c5e63 |
rgb(44,94,99) |
hsl(186,39%,28%) |
#244d52 |
rgb(36,77,82) |
hsl(186,39%,23%) |
#1c3c40 |
rgb(28,60,64) |
hsl(186,39%,18%) |
#142b2e |
rgb(20,43,46) |
hsl(186,39%,13%) |
#0c1b1c |
rgb(12,27,28) |
hsl(186,39%,8%) |
#050a0b |
rgb(5,10,11) |
hsl(186,39%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#69BD8D |
rgb(105,189,141) |
hsl(146,39%,58%) |
#69B5BD |
rgb(105,181,189) |
hsl(186,39%,58%) |
#697DBD |
rgb(105,125,189) |
hsl(226,39%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#AAD6D9 |
rgb(170,214,217) |
hsl(184,38%,76%) |
#89C4CB |
rgb(137,196,203) |
hsl(186,39%,67%) |
#69B5BD |
rgb(105,181,189) |
hsl(186,39%,58%) |
#4BA3AB |
rgb(75,163,171) |
hsl(185,39%,48%) |
#3D858A |
rgb(61,133,138) |
hsl(184,39%,39%) |
#2E636A |
rgb(46,99,106) |
hsl(187,39%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#69B5BD |
rgb(105,181,189) |
hsl(186,39%,58%) |
#BD698B |
rgb(189,105,139) |
hsl(336,39%,58%) |
#BD9C69 |
rgb(189,156,105) |
hsl(36,39%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#69B5BD |
rgb(105,181,189) |
hsl(186,39%,58%) |
#BD7069 |
rgb(189,112,105) |
hsl(5,39%,58%) |
#69BD9B |
rgb(105,189,155) |
hsl(156,39%,58%) |
#BD9C69 |
rgb(189,156,105) |
hsl(36,39%,58%) |