HEX #8686F9 color — Portage
The color #8686f9 is a light shade and slightly desaturated.
Palette
8686f9 color palette from light to dark
HEX |
RGB |
HSL |
#e7e7fe |
rgb(231,231,254) |
hsl(240,91%,95%) |
#cecefd |
rgb(206,206,253) |
hsl(240,91%,90%) |
#b6b6fc |
rgb(182,182,252) |
hsl(240,91%,85%) |
#9e9efa |
rgb(158,158,250) |
hsl(240,91%,80%) |
#8585f9 |
rgb(133,133,249) |
hsl(240,91%,75%) |
#6d6df8 |
rgb(109,109,248) |
hsl(240,91%,70%) |
#5555f7 |
rgb(85,85,247) |
hsl(240,91%,65%) |
#3c3cf6 |
rgb(60,60,246) |
hsl(240,91%,60%) |
#2424f5 |
rgb(36,36,245) |
hsl(240,91%,55%) |
#0b0bf4 |
rgb(11,11,244) |
hsl(240,91%,50%) |
#0a0adb |
rgb(10,10,219) |
hsl(240,91%,45%) |
#0909c3 |
rgb(9,9,195) |
hsl(240,91%,40%) |
#0808aa |
rgb(8,8,170) |
hsl(240,91%,35%) |
#070792 |
rgb(7,7,146) |
hsl(240,91%,30%) |
#06067a |
rgb(6,6,122) |
hsl(240,91%,25%) |
#050561 |
rgb(5,5,97) |
hsl(240,91%,20%) |
#030349 |
rgb(3,3,73) |
hsl(240,91%,15%) |
#020231 |
rgb(2,2,49) |
hsl(240,91%,10%) |
#010118 |
rgb(1,1,24) |
hsl(240,91%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#86D4F9 |
rgb(134,212,249) |
hsl(199,91%,75%) |
#8686F9 |
rgb(134,134,249) |
hsl(240,91%,75%) |
#D287F9 |
rgb(210,135,249) |
hsl(279,90%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FAFAFE |
rgb(250,250,254) |
hsl(240,67%,99%) |
#C0BFFB |
rgb(192,191,251) |
hsl(241,88%,87%) |
#8686F9 |
rgb(134,134,249) |
hsl(240,91%,75%) |
#4B4DF6 |
rgb(75,77,246) |
hsl(239,90%,63%) |
#1112F3 |
rgb(17,18,243) |
hsl(240,90%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#8686F9 |
rgb(134,134,249) |
hsl(240,91%,75%) |
#F9BF86 |
rgb(249,191,134) |
hsl(30,91%,75%) |
#BFFA86 |
rgb(191,250,134) |
hsl(91,92%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8686F9 |
rgb(134,134,249) |
hsl(240,91%,75%) |
#F9FA86 |
rgb(249,250,134) |
hsl(61,92%,75%) |
#86BFF9 |
rgb(134,191,249) |
hsl(210,91%,75%) |
#BFFA86 |
rgb(191,250,134) |
hsl(91,92%,75%) |