HEX #8686F3 color — Portage
The color #8686F3 is a light shade and slightly desaturated.
Palette
8686F3 color palette from light to dark
HEX |
RGB |
HSL |
#fafaff |
rgb(250,250,255) |
hsl(240,82%,99%) |
#e3e3fc |
rgb(227,227,252) |
hsl(240,82%,94%) |
#ccccfa |
rgb(204,204,250) |
hsl(240,82%,89%) |
#b5b5f8 |
rgb(181,181,248) |
hsl(240,82%,84%) |
#9e9ef5 |
rgb(158,158,245) |
hsl(240,82%,79%) |
#8686f3 |
rgb(134,134,243) |
hsl(240,82%,74%) |
#6f6ff1 |
rgb(111,111,241) |
hsl(240,82%,69%) |
#5858ee |
rgb(88,88,238) |
hsl(240,82%,64%) |
#4141ec |
rgb(65,65,236) |
hsl(240,82%,59%) |
#2a2aea |
rgb(42,42,234) |
hsl(240,82%,54%) |
#1616e3 |
rgb(22,22,227) |
hsl(240,82%,49%) |
#1414cc |
rgb(20,20,204) |
hsl(240,82%,44%) |
#1212b5 |
rgb(18,18,181) |
hsl(240,82%,39%) |
#10109e |
rgb(16,16,158) |
hsl(240,82%,34%) |
#0d0d87 |
rgb(13,13,135) |
hsl(240,82%,29%) |
#0b0b6f |
rgb(11,11,111) |
hsl(240,82%,24%) |
#090958 |
rgb(9,9,88) |
hsl(240,82%,19%) |
#060641 |
rgb(6,6,65) |
hsl(240,82%,14%) |
#04042a |
rgb(4,4,42) |
hsl(240,82%,9%) |
#020213 |
rgb(2,2,19) |
hsl(240,82%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#86CFF3 |
rgb(134,207,243) |
hsl(200,82%,74%) |
#8686F3 |
rgb(134,134,243) |
hsl(240,82%,74%) |
#CE87F3 |
rgb(206,135,243) |
hsl(279,82%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F3F5FD |
rgb(243,245,253) |
hsl(228,71%,97%) |
#BCBDF8 |
rgb(188,189,248) |
hsl(239,81%,85%) |
#8686F3 |
rgb(134,134,243) |
hsl(240,82%,74%) |
#4F4FED |
rgb(79,79,237) |
hsl(240,81%,62%) |
#181AE8 |
rgb(24,26,232) |
hsl(239,82%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#8686F3 |
rgb(134,134,243) |
hsl(240,82%,74%) |
#F3BD86 |
rgb(243,189,134) |
hsl(30,82%,74%) |
#BCF286 |
rgb(188,242,134) |
hsl(90,81%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8686F3 |
rgb(134,134,243) |
hsl(240,82%,74%) |
#F3F286 |
rgb(243,242,134) |
hsl(59,82%,74%) |
#86BDF3 |
rgb(134,189,243) |
hsl(210,82%,74%) |
#BCF286 |
rgb(188,242,134) |
hsl(90,81%,74%) |