HEX #8396F6 color — Portage
The color #8396F6 is a light shade and slightly desaturated.
Palette
8396F6 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(230,86%,99%) |
#e3e7fd |
rgb(227,231,253) |
hsl(230,86%,94%) |
#cbd3fb |
rgb(203,211,251) |
hsl(230,86%,89%) |
#b3bff9 |
rgb(179,191,249) |
hsl(230,86%,84%) |
#9babf8 |
rgb(155,171,248) |
hsl(230,86%,79%) |
#8497f6 |
rgb(132,151,246) |
hsl(230,86%,74%) |
#6c83f4 |
rgb(108,131,244) |
hsl(230,86%,69%) |
#546ff2 |
rgb(84,111,242) |
hsl(230,86%,64%) |
#3d5bf0 |
rgb(61,91,240) |
hsl(230,86%,59%) |
#2546ef |
rgb(37,70,239) |
hsl(230,86%,54%) |
#1135e8 |
rgb(17,53,232) |
hsl(230,86%,49%) |
#1030d1 |
rgb(16,48,209) |
hsl(230,86%,44%) |
#0e2ab9 |
rgb(14,42,185) |
hsl(230,86%,39%) |
#0c25a1 |
rgb(12,37,161) |
hsl(230,86%,34%) |
#0a208a |
rgb(10,32,138) |
hsl(230,86%,29%) |
#091a72 |
rgb(9,26,114) |
hsl(230,86%,24%) |
#07155a |
rgb(7,21,90) |
hsl(230,86%,19%) |
#050f42 |
rgb(5,15,66) |
hsl(230,86%,14%) |
#030a2b |
rgb(3,10,43) |
hsl(230,86%,9%) |
#010413 |
rgb(1,4,19) |
hsl(230,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#83E3F6 |
rgb(131,227,246) |
hsl(190,86%,74%) |
#8396F6 |
rgb(131,150,246) |
hsl(230,86%,74%) |
#BC82F6 |
rgb(188,130,246) |
hsl(270,87%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F3F5FE |
rgb(243,245,254) |
hsl(229,85%,97%) |
#BBC4FA |
rgb(187,196,250) |
hsl(231,86%,86%) |
#8396F6 |
rgb(131,150,246) |
hsl(230,86%,74%) |
#4A66F1 |
rgb(74,102,241) |
hsl(230,86%,62%) |
#1236ED |
rgb(18,54,237) |
hsl(230,86%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#8396F6 |
rgb(131,150,246) |
hsl(230,86%,74%) |
#F6A883 |
rgb(246,168,131) |
hsl(19,86%,74%) |
#CFF583 |
rgb(207,245,131) |
hsl(80,85%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8396F6 |
rgb(131,150,246) |
hsl(230,86%,74%) |
#F6E383 |
rgb(246,227,131) |
hsl(50,86%,74%) |
#83CFF6 |
rgb(131,207,246) |
hsl(200,86%,74%) |
#CFF583 |
rgb(207,245,131) |
hsl(80,85%,74%) |