HEX #7AA3EC color — Portage
The color #7AA3EC is a light shade and slightly desaturated.
Palette
7AA3EC color palette from light to dark
HEX |
RGB |
HSL |
#e9f0fc |
rgb(233,240,252) |
hsl(218,75%,95%) |
#d2e0f9 |
rgb(210,224,249) |
hsl(218,75%,90%) |
#bcd1f5 |
rgb(188,209,245) |
hsl(218,75%,85%) |
#a6c2f2 |
rgb(166,194,242) |
hsl(218,75%,80%) |
#8fb3ef |
rgb(143,179,239) |
hsl(218,75%,75%) |
#79a3ec |
rgb(121,163,236) |
hsl(218,75%,70%) |
#6394e9 |
rgb(99,148,233) |
hsl(218,75%,65%) |
#4d85e6 |
rgb(77,133,230) |
hsl(218,75%,60%) |
#3675e2 |
rgb(54,117,226) |
hsl(218,75%,55%) |
#2066df |
rgb(32,102,223) |
hsl(218,75%,50%) |
#1d5cc9 |
rgb(29,92,201) |
hsl(218,75%,45%) |
#1a52b3 |
rgb(26,82,179) |
hsl(218,75%,40%) |
#16479c |
rgb(22,71,156) |
hsl(218,75%,35%) |
#133d86 |
rgb(19,61,134) |
hsl(218,75%,30%) |
#103370 |
rgb(16,51,112) |
hsl(218,75%,25%) |
#0d2959 |
rgb(13,41,89) |
hsl(218,75%,20%) |
#0a1f43 |
rgb(10,31,67) |
hsl(218,75%,15%) |
#06142d |
rgb(6,20,45) |
hsl(218,75%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(218,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AEDE9 |
rgb(122,237,233) |
hsl(178,76%,70%) |
#7AA3EC |
rgb(122,163,236) |
hsl(218,75%,70%) |
#9D7AEC |
rgb(157,122,236) |
hsl(258,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%) |
#7AA3EC |
rgb(122,163,236) |
hsl(218,75%,70%) |
#4780E4 |
rgb(71,128,228) |
hsl(218,74%,59%) |
#1E61D5 |
rgb(30,97,213) |
hsl(218,75%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7AA3EC |
rgb(122,163,236) |
hsl(218,75%,70%) |
#EC8A7A |
rgb(236,138,122) |
hsl(8,75%,70%) |
#DCED7A |
rgb(220,237,122) |
hsl(69,76%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7AA3EC |
rgb(122,163,236) |
hsl(218,75%,70%) |
#ECC27A |
rgb(236,194,122) |
hsl(38,75%,70%) |
#7ADBEC |
rgb(122,219,236) |
hsl(189,75%,70%) |
#DCED7A |
rgb(220,237,122) |
hsl(69,76%,70%) |