HEX #9696F2 color — Portage
The color #9696F2 is a light shade and slightly desaturated.
Palette
9696F2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f1fd |
rgb(241,241,253) |
hsl(240,78%,97%) |
#dbdbfb |
rgb(219,219,251) |
hsl(240,78%,92%) |
#c4c4f8 |
rgb(196,196,248) |
hsl(240,78%,87%) |
#adadf5 |
rgb(173,173,245) |
hsl(240,78%,82%) |
#9797f2 |
rgb(151,151,242) |
hsl(240,78%,77%) |
#8080ef |
rgb(128,128,239) |
hsl(240,78%,72%) |
#6969ec |
rgb(105,105,236) |
hsl(240,78%,67%) |
#5353ea |
rgb(83,83,234) |
hsl(240,78%,62%) |
#3c3ce7 |
rgb(60,60,231) |
hsl(240,78%,57%) |
#2525e4 |
rgb(37,37,228) |
hsl(240,78%,52%) |
#1a1ad5 |
rgb(26,26,213) |
hsl(240,78%,47%) |
#1818bf |
rgb(24,24,191) |
hsl(240,78%,42%) |
#1515a8 |
rgb(21,21,168) |
hsl(240,78%,37%) |
#121291 |
rgb(18,18,145) |
hsl(240,78%,32%) |
#0f0f7b |
rgb(15,15,123) |
hsl(240,78%,27%) |
#0c0c64 |
rgb(12,12,100) |
hsl(240,78%,22%) |
#0a0a4d |
rgb(10,10,77) |
hsl(240,78%,17%) |
#070736 |
rgb(7,7,54) |
hsl(240,78%,12%) |
#040420 |
rgb(4,4,32) |
hsl(240,78%,7%) |
#010109 |
rgb(1,1,9) |
hsl(240,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#96D4F2 |
rgb(150,212,242) |
hsl(200,78%,77%) |
#9696F2 |
rgb(150,150,242) |
hsl(240,78%,77%) |
#D396F2 |
rgb(211,150,242) |
hsl(280,78%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#CDCFF8 |
rgb(205,207,248) |
hsl(237,75%,89%) |
#9696F2 |
rgb(150,150,242) |
hsl(240,78%,77%) |
#5E5EEB |
rgb(94,94,235) |
hsl(240,78%,65%) |
#2626E4 |
rgb(38,38,228) |
hsl(240,78%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#9696F2 |
rgb(150,150,242) |
hsl(240,78%,77%) |
#F2C496 |
rgb(242,196,150) |
hsl(30,78%,77%) |
#C4F296 |
rgb(196,242,150) |
hsl(90,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#9696F2 |
rgb(150,150,242) |
hsl(240,78%,77%) |
#F2F296 |
rgb(242,242,150) |
hsl(60,78%,77%) |
#96C4F2 |
rgb(150,196,242) |
hsl(210,78%,77%) |
#C4F296 |
rgb(196,242,150) |
hsl(90,78%,77%) |