HEX #9699F2 color — Portage
The color #9699F2 is a light shade and slightly desaturated.
Palette
9699F2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2fd |
rgb(241,242,253) |
hsl(238,78%,97%) |
#dbdcfb |
rgb(219,220,251) |
hsl(238,78%,92%) |
#c4c6f8 |
rgb(196,198,248) |
hsl(238,78%,87%) |
#adb0f5 |
rgb(173,176,245) |
hsl(238,78%,82%) |
#979af2 |
rgb(151,154,242) |
hsl(238,78%,77%) |
#8084ef |
rgb(128,132,239) |
hsl(238,78%,72%) |
#696eec |
rgb(105,110,236) |
hsl(238,78%,67%) |
#5358ea |
rgb(83,88,234) |
hsl(238,78%,62%) |
#3c42e7 |
rgb(60,66,231) |
hsl(238,78%,57%) |
#252be4 |
rgb(37,43,228) |
hsl(238,78%,52%) |
#1a21d5 |
rgb(26,33,213) |
hsl(238,78%,47%) |
#181dbf |
rgb(24,29,191) |
hsl(238,78%,42%) |
#151aa8 |
rgb(21,26,168) |
hsl(238,78%,37%) |
#121691 |
rgb(18,22,145) |
hsl(238,78%,32%) |
#0f137b |
rgb(15,19,123) |
hsl(238,78%,27%) |
#0c0f64 |
rgb(12,15,100) |
hsl(238,78%,22%) |
#0a0c4d |
rgb(10,12,77) |
hsl(238,78%,17%) |
#070836 |
rgb(7,8,54) |
hsl(238,78%,12%) |
#040520 |
rgb(4,5,32) |
hsl(238,78%,7%) |
#010109 |
rgb(1,1,9) |
hsl(238,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#96D6F2 |
rgb(150,214,242) |
hsl(198,78%,77%) |
#9699F2 |
rgb(150,153,242) |
hsl(238,78%,77%) |
#D096F2 |
rgb(208,150,242) |
hsl(278,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%) |
#9699F2 |
rgb(150,153,242) |
hsl(238,78%,77%) |
#5E63EB |
rgb(94,99,235) |
hsl(238,78%,65%) |
#262BE4 |
rgb(38,43,228) |
hsl(238,78%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#9699F2 |
rgb(150,153,242) |
hsl(238,78%,77%) |
#F2C296 |
rgb(242,194,150) |
hsl(29,78%,77%) |
#C7F296 |
rgb(199,242,150) |
hsl(88,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#9699F2 |
rgb(150,153,242) |
hsl(238,78%,77%) |
#F2F096 |
rgb(242,240,150) |
hsl(59,78%,77%) |
#96C7F2 |
rgb(150,199,242) |
hsl(208,78%,77%) |
#C7F296 |
rgb(199,242,150) |
hsl(88,78%,77%) |