HEX #7AA1EB color — Portage
The color #7AA1EB is a light shade and slightly desaturated.
Palette
7AA1EB color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(219,74%,95%) |
#d3e0f8 |
rgb(211,224,248) |
hsl(219,74%,90%) |
#bcd0f5 |
rgb(188,208,245) |
hsl(219,74%,85%) |
#a6c1f2 |
rgb(166,193,242) |
hsl(219,74%,80%) |
#90b1ee |
rgb(144,177,238) |
hsl(219,74%,75%) |
#7aa2eb |
rgb(122,162,235) |
hsl(219,74%,70%) |
#6492e8 |
rgb(100,146,232) |
hsl(219,74%,65%) |
#4e82e4 |
rgb(78,130,228) |
hsl(219,74%,60%) |
#3773e1 |
rgb(55,115,225) |
hsl(219,74%,55%) |
#2163de |
rgb(33,99,222) |
hsl(219,74%,50%) |
#1e59c8 |
rgb(30,89,200) |
hsl(219,74%,45%) |
#1b4fb1 |
rgb(27,79,177) |
hsl(219,74%,40%) |
#17459b |
rgb(23,69,155) |
hsl(219,74%,35%) |
#143c85 |
rgb(20,60,133) |
hsl(219,74%,30%) |
#11326f |
rgb(17,50,111) |
hsl(219,74%,25%) |
#0d2859 |
rgb(13,40,89) |
hsl(219,74%,20%) |
#0a1e43 |
rgb(10,30,67) |
hsl(219,74%,15%) |
#07142c |
rgb(7,20,44) |
hsl(219,74%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(219,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AEBE9 |
rgb(122,235,233) |
hsl(179,74%,70%) |
#7AA1EB |
rgb(122,161,235) |
hsl(219,74%,70%) |
#9E7AEB |
rgb(158,122,235) |
hsl(259,74%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DDE8F9 |
rgb(221,232,249) |
hsl(216,70%,92%) |
#ABC4F2 |
rgb(171,196,242) |
hsl(219,73%,81%) |
#7AA1EB |
rgb(122,161,235) |
hsl(219,74%,70%) |
#487DE3 |
rgb(72,125,227) |
hsl(219,73%,59%) |
#1F5ED3 |
rgb(31,94,211) |
hsl(219,74%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7AA1EB |
rgb(122,161,235) |
hsl(219,74%,70%) |
#EB8C7A |
rgb(235,140,122) |
hsl(10,74%,70%) |
#D9EB7A |
rgb(217,235,122) |
hsl(70,74%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7AA1EB |
rgb(122,161,235) |
hsl(219,74%,70%) |
#EBC47A |
rgb(235,196,122) |
hsl(39,74%,70%) |
#7AD9EB |
rgb(122,217,235) |
hsl(190,74%,70%) |
#D9EB7A |
rgb(217,235,122) |
hsl(70,74%,70%) |