HEX #A697F2 color — Portage
The color #a697f2 is a light shade and slightly desaturated.
Palette
a697f2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f1fd |
rgb(243,241,253) |
hsl(250,78%,97%) |
#e0dbfb |
rgb(224,219,251) |
hsl(250,78%,92%) |
#cdc4f8 |
rgb(205,196,248) |
hsl(250,78%,87%) |
#b9adf5 |
rgb(185,173,245) |
hsl(250,78%,82%) |
#a697f2 |
rgb(166,151,242) |
hsl(250,78%,77%) |
#9280ef |
rgb(146,128,239) |
hsl(250,78%,72%) |
#7f69ec |
rgb(127,105,236) |
hsl(250,78%,67%) |
#6c53ea |
rgb(108,83,234) |
hsl(250,78%,62%) |
#583ce7 |
rgb(88,60,231) |
hsl(250,78%,57%) |
#4525e4 |
rgb(69,37,228) |
hsl(250,78%,52%) |
#3a1ad5 |
rgb(58,26,213) |
hsl(250,78%,47%) |
#3318bf |
rgb(51,24,191) |
hsl(250,78%,42%) |
#2d15a8 |
rgb(45,21,168) |
hsl(250,78%,37%) |
#271291 |
rgb(39,18,145) |
hsl(250,78%,32%) |
#210f7b |
rgb(33,15,123) |
hsl(250,78%,27%) |
#1b0c64 |
rgb(27,12,100) |
hsl(250,78%,22%) |
#150a4d |
rgb(21,10,77) |
hsl(250,78%,17%) |
#0f0736 |
rgb(15,7,54) |
hsl(250,78%,12%) |
#090420 |
rgb(9,4,32) |
hsl(250,78%,7%) |
#020109 |
rgb(2,1,9) |
hsl(250,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#97C4F2 |
rgb(151,196,242) |
hsl(210,78%,77%) |
#A697F2 |
rgb(166,151,242) |
hsl(250,78%,77%) |
#E296F2 |
rgb(226,150,242) |
hsl(290,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%) |
#D5CFF8 |
rgb(213,207,248) |
hsl(249,75%,89%) |
#A697F2 |
rgb(166,151,242) |
hsl(250,78%,77%) |
#765EEB |
rgb(118,94,235) |
hsl(250,78%,65%) |
#4626E4 |
rgb(70,38,228) |
hsl(250,78%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#A697F2 |
rgb(166,151,242) |
hsl(250,78%,77%) |
#F2D497 |
rgb(242,212,151) |
hsl(40,78%,77%) |
#B5F297 |
rgb(181,242,151) |
hsl(100,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A697F2 |
rgb(166,151,242) |
hsl(250,78%,77%) |
#E3F297 |
rgb(227,242,151) |
hsl(70,78%,77%) |
#97B5F2 |
rgb(151,181,242) |
hsl(220,78%,77%) |
#B5F297 |
rgb(181,242,151) |
hsl(100,78%,77%) |