HEX #86A1F0 color — Portage
The color #86A1F0 is a light shade and slightly desaturated.
Palette
86A1F0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(225,78%,98%) |
#dfe6fb |
rgb(223,230,251) |
hsl(225,78%,93%) |
#c9d4f8 |
rgb(201,212,248) |
hsl(225,78%,88%) |
#b2c3f5 |
rgb(178,195,245) |
hsl(225,78%,83%) |
#9bb1f3 |
rgb(155,177,243) |
hsl(225,78%,78%) |
#849ff0 |
rgb(132,159,240) |
hsl(225,78%,73%) |
#6e8eed |
rgb(110,142,237) |
hsl(225,78%,68%) |
#577cea |
rgb(87,124,234) |
hsl(225,78%,63%) |
#406ae7 |
rgb(64,106,231) |
hsl(225,78%,58%) |
#2a58e5 |
rgb(42,88,229) |
hsl(225,78%,53%) |
#1b4bda |
rgb(27,75,218) |
hsl(225,78%,48%) |
#1843c3 |
rgb(24,67,195) |
hsl(225,78%,43%) |
#153bac |
rgb(21,59,172) |
hsl(225,78%,38%) |
#133396 |
rgb(19,51,150) |
hsl(225,78%,33%) |
#102c7f |
rgb(16,44,127) |
hsl(225,78%,28%) |
#0d2468 |
rgb(13,36,104) |
hsl(225,78%,23%) |
#0a1c52 |
rgb(10,28,82) |
hsl(225,78%,18%) |
#07143b |
rgb(7,20,59) |
hsl(225,78%,13%) |
#040c24 |
rgb(4,12,36) |
hsl(225,78%,8%) |
#02050e |
rgb(2,5,14) |
hsl(225,78%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#86E8F0 |
rgb(134,232,240) |
hsl(185,78%,73%) |
#86A1F0 |
rgb(134,161,240) |
hsl(225,78%,73%) |
#B187F0 |
rgb(177,135,240) |
hsl(264,78%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F0F5FD |
rgb(240,245,253) |
hsl(217,76%,97%) |
#BBC9F6 |
rgb(187,201,246) |
hsl(226,77%,85%) |
#86A1F0 |
rgb(134,161,240) |
hsl(225,78%,73%) |
#5078E9 |
rgb(80,120,233) |
hsl(224,78%,61%) |
#1C4FE2 |
rgb(28,79,226) |
hsl(225,78%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#86A1F0 |
rgb(134,161,240) |
hsl(225,78%,73%) |
#F0A186 |
rgb(240,161,134) |
hsl(15,78%,73%) |
#D6F086 |
rgb(214,240,134) |
hsl(75,78%,73%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#86A1F0 |
rgb(134,161,240) |
hsl(225,78%,73%) |
#F0D686 |
rgb(240,214,134) |
hsl(45,78%,73%) |
#86D6F0 |
rgb(134,214,240) |
hsl(195,78%,73%) |
#D6F086 |
rgb(214,240,134) |
hsl(75,78%,73%) |