HEX #AB96F2 color — Portage
The color #AB96F2 is a light shade and slightly desaturated.
Palette
AB96F2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f1fd |
rgb(244,241,253) |
hsl(254,78%,97%) |
#e2dbfb |
rgb(226,219,251) |
hsl(254,78%,92%) |
#d0c4f8 |
rgb(208,196,248) |
hsl(254,78%,87%) |
#beadf5 |
rgb(190,173,245) |
hsl(254,78%,82%) |
#ac97f2 |
rgb(172,151,242) |
hsl(254,78%,77%) |
#9a80ef |
rgb(154,128,239) |
hsl(254,78%,72%) |
#8869ec |
rgb(136,105,236) |
hsl(254,78%,67%) |
#7653ea |
rgb(118,83,234) |
hsl(254,78%,62%) |
#643ce7 |
rgb(100,60,231) |
hsl(254,78%,57%) |
#5225e4 |
rgb(82,37,228) |
hsl(254,78%,52%) |
#461ad5 |
rgb(70,26,213) |
hsl(254,78%,47%) |
#3f18bf |
rgb(63,24,191) |
hsl(254,78%,42%) |
#3715a8 |
rgb(55,21,168) |
hsl(254,78%,37%) |
#301291 |
rgb(48,18,145) |
hsl(254,78%,32%) |
#280f7b |
rgb(40,15,123) |
hsl(254,78%,27%) |
#210c64 |
rgb(33,12,100) |
hsl(254,78%,22%) |
#190a4d |
rgb(25,10,77) |
hsl(254,78%,17%) |
#120736 |
rgb(18,7,54) |
hsl(254,78%,12%) |
#0a0420 |
rgb(10,4,32) |
hsl(254,78%,7%) |
#030109 |
rgb(3,1,9) |
hsl(254,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#96BFF2 |
rgb(150,191,242) |
hsl(213,78%,77%) |
#AB96F2 |
rgb(171,150,242) |
hsl(254,78%,77%) |
#E896F2 |
rgb(232,150,242) |
hsl(293,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%) |
#D7CFF8 |
rgb(215,207,248) |
hsl(252,75%,89%) |
#AB96F2 |
rgb(171,150,242) |
hsl(254,78%,77%) |
#7E5EEB |
rgb(126,94,235) |
hsl(254,78%,65%) |
#5126E4 |
rgb(81,38,228) |
hsl(254,78%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#AB96F2 |
rgb(171,150,242) |
hsl(254,78%,77%) |
#F2D996 |
rgb(242,217,150) |
hsl(44,78%,77%) |
#AFF296 |
rgb(175,242,150) |
hsl(104,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#AB96F2 |
rgb(171,150,242) |
hsl(254,78%,77%) |
#DDF296 |
rgb(221,242,150) |
hsl(74,78%,77%) |
#96B0F2 |
rgb(150,176,242) |
hsl(223,78%,77%) |
#AFF296 |
rgb(175,242,150) |
hsl(104,78%,77%) |