HEX #9686F4 color — Portage
The color #9686f4 is a light shade and slightly desaturated.
Palette
9686f4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfaff |
rgb(251,250,255) |
hsl(249,83%,99%) |
#e7e3fc |
rgb(231,227,252) |
hsl(249,83%,94%) |
#d3ccfa |
rgb(211,204,250) |
hsl(249,83%,89%) |
#beb4f8 |
rgb(190,180,248) |
hsl(249,83%,84%) |
#aa9df6 |
rgb(170,157,246) |
hsl(249,83%,79%) |
#9686f4 |
rgb(150,134,244) |
hsl(249,83%,74%) |
#826ef2 |
rgb(130,110,242) |
hsl(249,83%,69%) |
#6e57ef |
rgb(110,87,239) |
hsl(249,83%,64%) |
#5a40ed |
rgb(90,64,237) |
hsl(249,83%,59%) |
#4628eb |
rgb(70,40,235) |
hsl(249,83%,54%) |
#3415e5 |
rgb(52,21,229) |
hsl(249,83%,49%) |
#2f13cd |
rgb(47,19,205) |
hsl(249,83%,44%) |
#2a11b6 |
rgb(42,17,182) |
hsl(249,83%,39%) |
#240f9f |
rgb(36,15,159) |
hsl(249,83%,34%) |
#1f0d87 |
rgb(31,13,135) |
hsl(249,83%,29%) |
#1a0a70 |
rgb(26,10,112) |
hsl(249,83%,24%) |
#140859 |
rgb(20,8,89) |
hsl(249,83%,19%) |
#0f0641 |
rgb(15,6,65) |
hsl(249,83%,14%) |
#0a042a |
rgb(10,4,42) |
hsl(249,83%,9%) |
#040213 |
rgb(4,2,19) |
hsl(249,83%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#86BFF4 |
rgb(134,191,244) |
hsl(209,83%,74%) |
#9686F4 |
rgb(150,134,244) |
hsl(249,83%,74%) |
#DF87F4 |
rgb(223,135,244) |
hsl(288,83%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F6F5FE |
rgb(246,245,254) |
hsl(247,82%,98%) |
#C6BDF9 |
rgb(198,189,249) |
hsl(249,83%,86%) |
#9686F4 |
rgb(150,134,244) |
hsl(249,83%,74%) |
#654FEE |
rgb(101,79,238) |
hsl(248,82%,62%) |
#3517E9 |
rgb(53,23,233) |
hsl(249,83%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#9686F4 |
rgb(150,134,244) |
hsl(249,83%,74%) |
#F4CC86 |
rgb(244,204,134) |
hsl(38,83%,74%) |
#ADF586 |
rgb(173,245,134) |
hsl(99,85%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#9686F4 |
rgb(150,134,244) |
hsl(249,83%,74%) |
#E4F586 |
rgb(228,245,134) |
hsl(69,85%,74%) |
#86ADF4 |
rgb(134,173,244) |
hsl(219,83%,74%) |
#ADF586 |
rgb(173,245,134) |
hsl(99,85%,74%) |