HEX #7AA6EC color — Portage
The color #7AA6EC is a light shade and slightly desaturated.
Palette
7AA6EC color palette from light to dark
HEX |
RGB |
HSL |
#e9f0fc |
rgb(233,240,252) |
hsl(217,75%,95%) |
#d2e1f9 |
rgb(210,225,249) |
hsl(217,75%,90%) |
#bcd2f5 |
rgb(188,210,245) |
hsl(217,75%,85%) |
#a6c3f2 |
rgb(166,195,242) |
hsl(217,75%,80%) |
#8fb4ef |
rgb(143,180,239) |
hsl(217,75%,75%) |
#79a5ec |
rgb(121,165,236) |
hsl(217,75%,70%) |
#6396e9 |
rgb(99,150,233) |
hsl(217,75%,65%) |
#4d87e6 |
rgb(77,135,230) |
hsl(217,75%,60%) |
#3678e2 |
rgb(54,120,226) |
hsl(217,75%,55%) |
#2069df |
rgb(32,105,223) |
hsl(217,75%,50%) |
#1d5fc9 |
rgb(29,95,201) |
hsl(217,75%,45%) |
#1a54b3 |
rgb(26,84,179) |
hsl(217,75%,40%) |
#164a9c |
rgb(22,74,156) |
hsl(217,75%,35%) |
#133f86 |
rgb(19,63,134) |
hsl(217,75%,30%) |
#103570 |
rgb(16,53,112) |
hsl(217,75%,25%) |
#0d2a59 |
rgb(13,42,89) |
hsl(217,75%,20%) |
#0a2043 |
rgb(10,32,67) |
hsl(217,75%,15%) |
#06152d |
rgb(6,21,45) |
hsl(217,75%,10%) |
#030b16 |
rgb(3,11,22) |
hsl(217,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AEDE6 |
rgb(122,237,230) |
hsl(176,76%,70%) |
#7AA6EC |
rgb(122,166,236) |
hsl(217,75%,70%) |
#9A7AEC |
rgb(154,122,236) |
hsl(257,75%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DEE8FA |
rgb(222,232,250) |
hsl(219,74%,93%) |
#ACC7F3 |
rgb(172,199,243) |
hsl(217,75%,81%) |
#7AA6EC |
rgb(122,166,236) |
hsl(217,75%,70%) |
#4785E4 |
rgb(71,133,228) |
hsl(216,74%,59%) |
#1E66D5 |
rgb(30,102,213) |
hsl(216,75%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7AA6EC |
rgb(122,166,236) |
hsl(217,75%,70%) |
#EC877A |
rgb(236,135,122) |
hsl(7,75%,70%) |
#DFED7A |
rgb(223,237,122) |
hsl(67,76%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7AA6EC |
rgb(122,166,236) |
hsl(217,75%,70%) |
#ECBF7A |
rgb(236,191,122) |
hsl(36,75%,70%) |
#7ADEEC |
rgb(122,222,236) |
hsl(187,75%,70%) |
#DFED7A |
rgb(223,237,122) |
hsl(67,76%,70%) |