HEX #97A6F0 color — Portage
The color #97A6F0 is a light shade and slightly desaturated.
Palette
97A6F0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(230,75%,97%) |
#dbe0fa |
rgb(219,224,250) |
hsl(230,75%,92%) |
#c5cdf7 |
rgb(197,205,247) |
hsl(230,75%,87%) |
#afbaf4 |
rgb(175,186,244) |
hsl(230,75%,82%) |
#98a7f0 |
rgb(152,167,240) |
hsl(230,75%,77%) |
#8294ed |
rgb(130,148,237) |
hsl(230,75%,72%) |
#6c81ea |
rgb(108,129,234) |
hsl(230,75%,67%) |
#556ee7 |
rgb(85,110,231) |
hsl(230,75%,62%) |
#3f5be4 |
rgb(63,91,228) |
hsl(230,75%,57%) |
#2947e0 |
rgb(41,71,224) |
hsl(230,75%,52%) |
#1e3cd2 |
rgb(30,60,210) |
hsl(230,75%,47%) |
#1b36bb |
rgb(27,54,187) |
hsl(230,75%,42%) |
#182fa5 |
rgb(24,47,165) |
hsl(230,75%,37%) |
#14298f |
rgb(20,41,143) |
hsl(230,75%,32%) |
#112278 |
rgb(17,34,120) |
hsl(230,75%,27%) |
#0e1c62 |
rgb(14,28,98) |
hsl(230,75%,22%) |
#0b164c |
rgb(11,22,76) |
hsl(230,75%,17%) |
#080f36 |
rgb(8,15,54) |
hsl(230,75%,12%) |
#04091f |
rgb(4,9,31) |
hsl(230,75%,7%) |
#010309 |
rgb(1,3,9) |
hsl(230,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#97E0F0 |
rgb(151,224,240) |
hsl(191,75%,77%) |
#97A6F0 |
rgb(151,166,240) |
hsl(230,75%,77%) |
#C396F0 |
rgb(195,150,240) |
hsl(270,75%,76%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#CDD4F7 |
rgb(205,212,247) |
hsl(230,72%,89%) |
#97A6F0 |
rgb(151,166,240) |
hsl(230,75%,77%) |
#6078E8 |
rgb(96,120,232) |
hsl(229,75%,64%) |
#2947E0 |
rgb(41,71,224) |
hsl(230,75%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#97A6F0 |
rgb(151,166,240) |
hsl(230,75%,77%) |
#F0B597 |
rgb(240,181,151) |
hsl(20,75%,77%) |
#D2F097 |
rgb(210,240,151) |
hsl(80,75%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#97A6F0 |
rgb(151,166,240) |
hsl(230,75%,77%) |
#F0E097 |
rgb(240,224,151) |
hsl(49,75%,77%) |
#97D4F0 |
rgb(151,212,240) |
hsl(199,75%,77%) |
#D2F097 |
rgb(210,240,151) |
hsl(80,75%,77%) |