HEX #7AA1F0 color — Portage
The color #7AA1F0 is a light shade and slightly desaturated.
Palette
7AA1F0 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fd |
rgb(237,242,253) |
hsl(220,80%,96%) |
#d6e2fa |
rgb(214,226,250) |
hsl(220,80%,91%) |
#bfd2f8 |
rgb(191,210,248) |
hsl(220,80%,86%) |
#a8c2f5 |
rgb(168,194,245) |
hsl(220,80%,81%) |
#91b1f3 |
rgb(145,177,243) |
hsl(220,80%,76%) |
#7aa1f0 |
rgb(122,161,240) |
hsl(220,80%,71%) |
#6391ee |
rgb(99,145,238) |
hsl(220,80%,66%) |
#4c81eb |
rgb(76,129,235) |
hsl(220,80%,61%) |
#3571e9 |
rgb(53,113,233) |
hsl(220,80%,56%) |
#1e61e6 |
rgb(30,97,230) |
hsl(220,80%,51%) |
#1756d3 |
rgb(23,86,211) |
hsl(220,80%,46%) |
#154dbc |
rgb(21,77,188) |
hsl(220,80%,41%) |
#1243a5 |
rgb(18,67,165) |
hsl(220,80%,36%) |
#103a8e |
rgb(16,58,142) |
hsl(220,80%,31%) |
#0d3177 |
rgb(13,49,119) |
hsl(220,80%,26%) |
#0b2760 |
rgb(11,39,96) |
hsl(220,80%,21%) |
#081e49 |
rgb(8,30,73) |
hsl(220,80%,16%) |
#061532 |
rgb(6,21,50) |
hsl(220,80%,11%) |
#030b1c |
rgb(3,11,28) |
hsl(220,80%,6%) |
#010205 |
rgb(1,2,5) |
hsl(220,80%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AF0F0 |
rgb(122,240,240) |
hsl(180,80%,71%) |
#7AA1F0 |
rgb(122,161,240) |
hsl(220,80%,71%) |
#A17AF0 |
rgb(161,122,240) |
hsl(260,80%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E2EBFB |
rgb(226,235,251) |
hsl(218,76%,94%) |
#AEC7F5 |
rgb(174,199,245) |
hsl(219,78%,82%) |
#7AA1F0 |
rgb(122,161,240) |
hsl(220,80%,71%) |
#457DEA |
rgb(69,125,234) |
hsl(220,80%,59%) |
#1859DD |
rgb(24,89,221) |
hsl(220,80%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7AA1F0 |
rgb(122,161,240) |
hsl(220,80%,71%) |
#F08F7A |
rgb(240,143,122) |
hsl(11,80%,71%) |
#DCF07A |
rgb(220,240,122) |
hsl(70,80%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7AA1F0 |
rgb(122,161,240) |
hsl(220,80%,71%) |
#F0C97A |
rgb(240,201,122) |
hsl(40,80%,71%) |
#7ADBF0 |
rgb(122,219,240) |
hsl(191,80%,71%) |
#DCF07A |
rgb(220,240,122) |
hsl(70,80%,71%) |