HEX #86AAE9 color — Portage
The color #86aae9 is a light shade and slightly desaturated.
Palette
86aae9 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(218,69%,97%) |
#dde7f9 |
rgb(221,231,249) |
hsl(218,69%,92%) |
#c7d8f5 |
rgb(199,216,245) |
hsl(218,69%,87%) |
#b1c9f1 |
rgb(177,201,241) |
hsl(218,69%,82%) |
#9cbaed |
rgb(156,186,237) |
hsl(218,69%,77%) |
#86aae9 |
rgb(134,170,233) |
hsl(218,69%,72%) |
#719be5 |
rgb(113,155,229) |
hsl(218,69%,67%) |
#5b8ce1 |
rgb(91,140,225) |
hsl(218,69%,62%) |
#467ddd |
rgb(70,125,221) |
hsl(218,69%,57%) |
#306ed9 |
rgb(48,110,217) |
hsl(218,69%,52%) |
#2562cb |
rgb(37,98,203) |
hsl(218,69%,47%) |
#2157b5 |
rgb(33,87,181) |
hsl(218,69%,42%) |
#1d4d9f |
rgb(29,77,159) |
hsl(218,69%,37%) |
#19438a |
rgb(25,67,138) |
hsl(218,69%,32%) |
#153874 |
rgb(21,56,116) |
hsl(218,69%,27%) |
#112e5f |
rgb(17,46,95) |
hsl(218,69%,22%) |
#0d2349 |
rgb(13,35,73) |
hsl(218,69%,17%) |
#091934 |
rgb(9,25,52) |
hsl(218,69%,12%) |
#060f1e |
rgb(6,15,30) |
hsl(218,69%,7%) |
#020409 |
rgb(2,4,9) |
hsl(218,69%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#86E8E6 |
rgb(134,232,230) |
hsl(179,68%,72%) |
#86AAE9 |
rgb(134,170,233) |
hsl(218,69%,72%) |
#A487E9 |
rgb(164,135,233) |
hsl(258,69%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E9F0FB |
rgb(233,240,251) |
hsl(217,69%,95%) |
#B7CCF2 |
rgb(183,204,242) |
hsl(219,69%,83%) |
#86AAE9 |
rgb(134,170,233) |
hsl(218,69%,72%) |
#5487DF |
rgb(84,135,223) |
hsl(218,68%,60%) |
#2666D3 |
rgb(38,102,211) |
hsl(218,69%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#86AAE9 |
rgb(134,170,233) |
hsl(218,69%,72%) |
#E99486 |
rgb(233,148,134) |
hsl(8,69%,72%) |
#DBE886 |
rgb(219,232,134) |
hsl(68,68%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#86AAE9 |
rgb(134,170,233) |
hsl(218,69%,72%) |
#E9C486 |
rgb(233,196,134) |
hsl(38,69%,72%) |
#86DBE9 |
rgb(134,219,233) |
hsl(188,69%,72%) |
#DBE886 |
rgb(219,232,134) |
hsl(68,68%,72%) |