HEX #97AAF2 color — Portage
The color #97aaf2 is a light shade and slightly desaturated.
Palette
97aaf2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4fd |
rgb(241,244,253) |
hsl(227,78%,97%) |
#dbe2fb |
rgb(219,226,251) |
hsl(227,78%,92%) |
#c4cff8 |
rgb(196,207,248) |
hsl(227,78%,87%) |
#adbdf5 |
rgb(173,189,245) |
hsl(227,78%,82%) |
#97aaf2 |
rgb(151,170,242) |
hsl(227,78%,77%) |
#8098ef |
rgb(128,152,239) |
hsl(227,78%,72%) |
#6986ec |
rgb(105,134,236) |
hsl(227,78%,67%) |
#5373ea |
rgb(83,115,234) |
hsl(227,78%,62%) |
#3c61e7 |
rgb(60,97,231) |
hsl(227,78%,57%) |
#254ee4 |
rgb(37,78,228) |
hsl(227,78%,52%) |
#1a43d5 |
rgb(26,67,213) |
hsl(227,78%,47%) |
#183cbf |
rgb(24,60,191) |
hsl(227,78%,42%) |
#1535a8 |
rgb(21,53,168) |
hsl(227,78%,37%) |
#122e91 |
rgb(18,46,145) |
hsl(227,78%,32%) |
#0f267b |
rgb(15,38,123) |
hsl(227,78%,27%) |
#0c1f64 |
rgb(12,31,100) |
hsl(227,78%,22%) |
#0a184d |
rgb(10,24,77) |
hsl(227,78%,17%) |
#071136 |
rgb(7,17,54) |
hsl(227,78%,12%) |
#040a20 |
rgb(4,10,32) |
hsl(227,78%,7%) |
#010309 |
rgb(1,3,9) |
hsl(227,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#97E6F2 |
rgb(151,230,242) |
hsl(188,78%,77%) |
#97AAF2 |
rgb(151,170,242) |
hsl(227,78%,77%) |
#C096F2 |
rgb(192,150,242) |
hsl(267,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%) |
#CED9F8 |
rgb(206,217,248) |
hsl(224,75%,89%) |
#97AAF2 |
rgb(151,170,242) |
hsl(227,78%,77%) |
#5F7DEB |
rgb(95,125,235) |
hsl(227,78%,65%) |
#274FE4 |
rgb(39,79,228) |
hsl(227,78%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#97AAF2 |
rgb(151,170,242) |
hsl(227,78%,77%) |
#F2B397 |
rgb(242,179,151) |
hsl(18,78%,77%) |
#D7F297 |
rgb(215,242,151) |
hsl(78,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#97AAF2 |
rgb(151,170,242) |
hsl(227,78%,77%) |
#F2DE97 |
rgb(242,222,151) |
hsl(47,78%,77%) |
#97D9F2 |
rgb(151,217,242) |
hsl(196,78%,77%) |
#D7F297 |
rgb(215,242,151) |
hsl(78,78%,77%) |