HEX #7AA1EE color — Portage
The color #7AA1EE is a light shade and slightly desaturated.
Palette
7AA1EE color palette from light to dark
HEX |
RGB |
HSL |
#edf2fd |
rgb(237,242,253) |
hsl(220,77%,96%) |
#d6e2fa |
rgb(214,226,250) |
hsl(220,77%,91%) |
#c0d2f7 |
rgb(192,210,247) |
hsl(220,77%,86%) |
#a9c2f4 |
rgb(169,194,244) |
hsl(220,77%,81%) |
#93b2f1 |
rgb(147,178,241) |
hsl(220,77%,76%) |
#7ca2ee |
rgb(124,162,238) |
hsl(220,77%,71%) |
#6692eb |
rgb(102,146,235) |
hsl(220,77%,66%) |
#4f82e8 |
rgb(79,130,232) |
hsl(220,77%,61%) |
#3872e5 |
rgb(56,114,229) |
hsl(220,77%,56%) |
#2262e2 |
rgb(34,98,226) |
hsl(220,77%,51%) |
#1b57d0 |
rgb(27,87,208) |
hsl(220,77%,46%) |
#184eb9 |
rgb(24,78,185) |
hsl(220,77%,41%) |
#1544a2 |
rgb(21,68,162) |
hsl(220,77%,36%) |
#123b8c |
rgb(18,59,140) |
hsl(220,77%,31%) |
#0f3175 |
rgb(15,49,117) |
hsl(220,77%,26%) |
#0c285f |
rgb(12,40,95) |
hsl(220,77%,21%) |
#091e48 |
rgb(9,30,72) |
hsl(220,77%,16%) |
#061532 |
rgb(6,21,50) |
hsl(220,77%,11%) |
#040b1b |
rgb(4,11,27) |
hsl(220,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(220,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AEDED |
rgb(122,237,237) |
hsl(180,76%,70%) |
#7AA1EE |
rgb(122,161,238) |
hsl(220,77%,71%) |
#A07AEE |
rgb(160,122,238) |
hsl(260,77%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E0E8FB |
rgb(224,232,251) |
hsl(222,77%,93%) |
#ADC4F4 |
rgb(173,196,244) |
hsl(221,76%,82%) |
#7AA1EE |
rgb(122,161,238) |
hsl(220,77%,71%) |
#467DE7 |
rgb(70,125,231) |
hsl(220,77%,59%) |
#1B5CD9 |
rgb(27,92,217) |
hsl(219,78%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7AA1EE |
rgb(122,161,238) |
hsl(220,77%,71%) |
#EE8C7A |
rgb(238,140,122) |
hsl(9,77%,71%) |
#DBED7A |
rgb(219,237,122) |
hsl(69,76%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7AA1EE |
rgb(122,161,238) |
hsl(220,77%,71%) |
#EEC77A |
rgb(238,199,122) |
hsl(40,77%,71%) |
#7ADBEE |
rgb(122,219,238) |
hsl(190,77%,71%) |
#DBED7A |
rgb(219,237,122) |
hsl(69,76%,70%) |