HEX #8396F2 color — Portage

The color #8396F2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

8396F2 color palette from light to dark

HEX RGB HSL
#f6f7fe rgb(246,247,254) hsl(230,81%,98%)
#dfe4fc rgb(223,228,252) hsl(230,81%,93%)
#c8d0f9 rgb(200,208,249) hsl(230,81%,88%)
#b1bcf7 rgb(177,188,247) hsl(230,81%,83%)
#99a9f4 rgb(153,169,244) hsl(230,81%,78%)
#8295f2 rgb(130,149,242) hsl(230,81%,73%)
#6b81ef rgb(107,129,239) hsl(230,81%,68%)
#546eed rgb(84,110,237) hsl(230,81%,63%)
#3d5aeb rgb(61,90,235) hsl(230,81%,58%)
#2646e8 rgb(38,70,232) hsl(230,81%,53%)
#1738de rgb(23,56,222) hsl(230,81%,48%)
#1532c6 rgb(21,50,198) hsl(230,81%,43%)
#122daf rgb(18,45,175) hsl(230,81%,38%)
#102798 rgb(16,39,152) hsl(230,81%,33%)
#0e2181 rgb(14,33,129) hsl(230,81%,28%)
#0b1b6a rgb(11,27,106) hsl(230,81%,23%)
#091553 rgb(9,21,83) hsl(230,81%,18%)
#060f3c rgb(6,15,60) hsl(230,81%,13%)
#040925 rgb(4,9,37) hsl(230,81%,8%)
#01040e rgb(1,4,14) hsl(230,81%,3%)

Adjacent colors

HEX RGB HSL
#83E0F2 rgb(131,224,242) hsl(190,81%,73%)
#8396F2 rgb(131,150,242) hsl(230,81%,73%)
#BA82F2 rgb(186,130,242) hsl(270,81%,73%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#EFF2FD rgb(239,242,253) hsl(227,78%,96%)
#B9C4F7 rgb(185,196,247) hsl(229,79%,85%)
#8396F2 rgb(131,150,242) hsl(230,81%,73%)
#4C69EC rgb(76,105,236) hsl(229,81%,61%)
#183BE5 rgb(24,59,229) hsl(230,81%,50%)

Triad color palettes

HEX RGB HSL
#8396F2 rgb(131,150,242) hsl(230,81%,73%)
#F2A883 rgb(242,168,131) hsl(20,81%,73%)
#CDF283 rgb(205,242,131) hsl(80,81%,73%)

Tetrad color palettes

HEX RGB HSL
#8396F2 rgb(131,150,242) hsl(230,81%,73%)
#F2DE83 rgb(242,222,131) hsl(49,81%,73%)
#83CFF2 rgb(131,207,242) hsl(199,81%,73%)
#CDF283 rgb(205,242,131) hsl(80,81%,73%)