HEX #A396F1 color — Portage
The color #A396F1 is a light shade and slightly desaturated.
Palette
A396F1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f2fd |
rgb(243,242,253) |
hsl(249,76%,97%) |
#e0dbfa |
rgb(224,219,250) |
hsl(249,76%,92%) |
#ccc5f7 |
rgb(204,197,247) |
hsl(249,76%,87%) |
#b9aef4 |
rgb(185,174,244) |
hsl(249,76%,82%) |
#a598f1 |
rgb(165,152,241) |
hsl(249,76%,77%) |
#9281ee |
rgb(146,129,238) |
hsl(249,76%,72%) |
#7e6beb |
rgb(126,107,235) |
hsl(249,76%,67%) |
#6b54e8 |
rgb(107,84,232) |
hsl(249,76%,62%) |
#573ee5 |
rgb(87,62,229) |
hsl(249,76%,57%) |
#4328e2 |
rgb(67,40,226) |
hsl(249,76%,52%) |
#381dd3 |
rgb(56,29,211) |
hsl(249,76%,47%) |
#321abc |
rgb(50,26,188) |
hsl(249,76%,42%) |
#2c17a6 |
rgb(44,23,166) |
hsl(249,76%,37%) |
#261490 |
rgb(38,20,144) |
hsl(249,76%,32%) |
#201179 |
rgb(32,17,121) |
hsl(249,76%,27%) |
#1a0d63 |
rgb(26,13,99) |
hsl(249,76%,22%) |
#140a4c |
rgb(20,10,76) |
hsl(249,76%,17%) |
#0e0736 |
rgb(14,7,54) |
hsl(249,76%,12%) |
#08041f |
rgb(8,4,31) |
hsl(249,76%,7%) |
#020109 |
rgb(2,1,9) |
hsl(249,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#96C7F1 |
rgb(150,199,241) |
hsl(208,76%,77%) |
#A396F1 |
rgb(163,150,241) |
hsl(249,76%,77%) |
#DF96F1 |
rgb(223,150,241) |
hsl(288,76%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D3CCF8 |
rgb(211,204,248) |
hsl(250,76%,89%) |
#A396F1 |
rgb(163,150,241) |
hsl(249,76%,77%) |
#725EE9 |
rgb(114,94,233) |
hsl(249,76%,64%) |
#4229E2 |
rgb(66,41,226) |
hsl(248,76%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#A396F1 |
rgb(163,150,241) |
hsl(249,76%,77%) |
#F1D196 |
rgb(241,209,150) |
hsl(39,76%,77%) |
#B6F296 |
rgb(182,242,150) |
hsl(99,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A396F1 |
rgb(163,150,241) |
hsl(249,76%,77%) |
#E4F296 |
rgb(228,242,150) |
hsl(69,78%,77%) |
#96B8F1 |
rgb(150,184,241) |
hsl(218,76%,77%) |
#B6F296 |
rgb(182,242,150) |
hsl(99,78%,77%) |