HEX #8396F5 color — Portage
The color #8396F5 is a light shade and slightly desaturated.
Palette
8396F5 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(230,85%,99%) |
#e3e7fd |
rgb(227,231,253) |
hsl(230,85%,94%) |
#cbd3fb |
rgb(203,211,251) |
hsl(230,85%,89%) |
#b4bff9 |
rgb(180,191,249) |
hsl(230,85%,84%) |
#9cabf7 |
rgb(156,171,247) |
hsl(230,85%,79%) |
#8497f5 |
rgb(132,151,245) |
hsl(230,85%,74%) |
#6d83f3 |
rgb(109,131,243) |
hsl(230,85%,69%) |
#556ff1 |
rgb(85,111,241) |
hsl(230,85%,64%) |
#3e5bef |
rgb(62,91,239) |
hsl(230,85%,59%) |
#2647ed |
rgb(38,71,237) |
hsl(230,85%,54%) |
#1336e7 |
rgb(19,54,231) |
hsl(230,85%,49%) |
#1131d0 |
rgb(17,49,208) |
hsl(230,85%,44%) |
#0f2bb8 |
rgb(15,43,184) |
hsl(230,85%,39%) |
#0d26a0 |
rgb(13,38,160) |
hsl(230,85%,34%) |
#0b2089 |
rgb(11,32,137) |
hsl(230,85%,29%) |
#091b71 |
rgb(9,27,113) |
hsl(230,85%,24%) |
#07155a |
rgb(7,21,90) |
hsl(230,85%,19%) |
#050f42 |
rgb(5,15,66) |
hsl(230,85%,14%) |
#030a2a |
rgb(3,10,42) |
hsl(230,85%,9%) |
#020413 |
rgb(2,4,19) |
hsl(230,85%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#83E3F5 |
rgb(131,227,245) |
hsl(189,85%,74%) |
#8396F5 |
rgb(131,150,245) |
hsl(230,85%,74%) |
#BC82F5 |
rgb(188,130,245) |
hsl(270,85%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F2F5FD |
rgb(242,245,253) |
hsl(224,73%,97%) |
#BAC4F9 |
rgb(186,196,249) |
hsl(230,84%,85%) |
#8396F5 |
rgb(131,150,245) |
hsl(230,85%,74%) |
#4B66F0 |
rgb(75,102,240) |
hsl(230,85%,62%) |
#1338EC |
rgb(19,56,236) |
hsl(230,85%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#8396F5 |
rgb(131,150,245) |
hsl(230,85%,74%) |
#F5A883 |
rgb(245,168,131) |
hsl(19,85%,74%) |
#CFF583 |
rgb(207,245,131) |
hsl(80,85%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8396F5 |
rgb(131,150,245) |
hsl(230,85%,74%) |
#F5E383 |
rgb(245,227,131) |
hsl(51,85%,74%) |
#83CFF5 |
rgb(131,207,245) |
hsl(200,85%,74%) |
#CFF583 |
rgb(207,245,131) |
hsl(80,85%,74%) |