HEX #97A8F2 color — Portage
The color #97A8F2 is a light shade and slightly desaturated.
Palette
97A8F2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4fd |
rgb(241,244,253) |
hsl(229,78%,97%) |
#dbe1fb |
rgb(219,225,251) |
hsl(229,78%,92%) |
#c4cdf8 |
rgb(196,205,248) |
hsl(229,78%,87%) |
#adbaf5 |
rgb(173,186,245) |
hsl(229,78%,82%) |
#97a7f2 |
rgb(151,167,242) |
hsl(229,78%,77%) |
#8094ef |
rgb(128,148,239) |
hsl(229,78%,72%) |
#6981ec |
rgb(105,129,236) |
hsl(229,78%,67%) |
#536eea |
rgb(83,110,234) |
hsl(229,78%,62%) |
#3c5be7 |
rgb(60,91,231) |
hsl(229,78%,57%) |
#2548e4 |
rgb(37,72,228) |
hsl(229,78%,52%) |
#1a3dd5 |
rgb(26,61,213) |
hsl(229,78%,47%) |
#1836bf |
rgb(24,54,191) |
hsl(229,78%,42%) |
#1530a8 |
rgb(21,48,168) |
hsl(229,78%,37%) |
#122991 |
rgb(18,41,145) |
hsl(229,78%,32%) |
#0f237b |
rgb(15,35,123) |
hsl(229,78%,27%) |
#0c1c64 |
rgb(12,28,100) |
hsl(229,78%,22%) |
#0a164d |
rgb(10,22,77) |
hsl(229,78%,17%) |
#070f36 |
rgb(7,15,54) |
hsl(229,78%,12%) |
#040920 |
rgb(4,9,32) |
hsl(229,78%,7%) |
#010309 |
rgb(1,3,9) |
hsl(229,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#97E6F2 |
rgb(151,230,242) |
hsl(188,78%,77%) |
#97A8F2 |
rgb(151,168,242) |
hsl(229,78%,77%) |
#C296F2 |
rgb(194,150,242) |
hsl(269,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%) |
#CED6F8 |
rgb(206,214,248) |
hsl(229,75%,89%) |
#97A8F2 |
rgb(151,168,242) |
hsl(229,78%,77%) |
#5F7AEB |
rgb(95,122,235) |
hsl(228,78%,65%) |
#274AE4 |
rgb(39,74,228) |
hsl(229,78%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#97A8F2 |
rgb(151,168,242) |
hsl(229,78%,77%) |
#F2B397 |
rgb(242,179,151) |
hsl(18,78%,77%) |
#D5F297 |
rgb(213,242,151) |
hsl(79,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#97A8F2 |
rgb(151,168,242) |
hsl(229,78%,77%) |
#F2E097 |
rgb(242,224,151) |
hsl(48,78%,77%) |
#97D6F2 |
rgb(151,214,242) |
hsl(198,78%,77%) |
#D5F297 |
rgb(213,242,151) |
hsl(79,78%,77%) |