HEX #A296F3 color — Portage
The color #a296f3 is a light shade and slightly desaturated.
Palette
a296f3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f1fd |
rgb(243,241,253) |
hsl(248,79%,97%) |
#dfdafb |
rgb(223,218,251) |
hsl(248,79%,92%) |
#cbc4f8 |
rgb(203,196,248) |
hsl(248,79%,87%) |
#b7adf5 |
rgb(183,173,245) |
hsl(248,79%,82%) |
#a296f3 |
rgb(162,150,243) |
hsl(248,79%,77%) |
#8e7ff0 |
rgb(142,127,240) |
hsl(248,79%,72%) |
#7a68ed |
rgb(122,104,237) |
hsl(248,79%,67%) |
#6652eb |
rgb(102,82,235) |
hsl(248,79%,62%) |
#523be8 |
rgb(82,59,232) |
hsl(248,79%,57%) |
#3e24e5 |
rgb(62,36,229) |
hsl(248,79%,52%) |
#3219d7 |
rgb(50,25,215) |
hsl(248,79%,47%) |
#2d16c0 |
rgb(45,22,192) |
hsl(248,79%,42%) |
#2814a9 |
rgb(40,20,169) |
hsl(248,79%,37%) |
#221192 |
rgb(34,17,146) |
hsl(248,79%,32%) |
#1d0e7b |
rgb(29,14,123) |
hsl(248,79%,27%) |
#180c64 |
rgb(24,12,100) |
hsl(248,79%,22%) |
#12094e |
rgb(18,9,78) |
hsl(248,79%,17%) |
#0d0637 |
rgb(13,6,55) |
hsl(248,79%,12%) |
#080420 |
rgb(8,4,32) |
hsl(248,79%,7%) |
#020109 |
rgb(2,1,9) |
hsl(248,79%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#96C7F3 |
rgb(150,199,243) |
hsl(208,79%,77%) |
#A296F3 |
rgb(162,150,243) |
hsl(248,79%,77%) |
#E096F3 |
rgb(224,150,243) |
hsl(288,79%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D3CFF9 |
rgb(211,207,249) |
hsl(246,78%,89%) |
#A296F3 |
rgb(162,150,243) |
hsl(248,79%,77%) |
#705EEC |
rgb(112,94,236) |
hsl(248,79%,65%) |
#3E26E6 |
rgb(62,38,230) |
hsl(248,79%,53%) |
Triad color palettes
HEX |
RGB |
HSL |
#A296F3 |
rgb(162,150,243) |
hsl(248,79%,77%) |
#F3D196 |
rgb(243,209,150) |
hsl(38,79%,77%) |
#B8F296 |
rgb(184,242,150) |
hsl(98,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A296F3 |
rgb(162,150,243) |
hsl(248,79%,77%) |
#E7F296 |
rgb(231,242,150) |
hsl(67,78%,77%) |
#96B8F3 |
rgb(150,184,243) |
hsl(218,79%,77%) |
#B8F296 |
rgb(184,242,150) |
hsl(98,78%,77%) |