HEX #7AA1E4 color — Portage

The color #7AA1E4 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

7AA1E4 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(218,66%,99%)
#e6edfa rgb(230,237,250) hsl(218,66%,94%)
#d0def5 rgb(208,222,245) hsl(218,66%,89%)
#bbcff1 rgb(187,207,241) hsl(218,66%,84%)
#a6c0ed rgb(166,192,237) hsl(218,66%,79%)
#91b1e8 rgb(145,177,232) hsl(218,66%,74%)
#7ca2e4 rgb(124,162,228) hsl(218,66%,69%)
#6793e0 rgb(103,147,224) hsl(218,66%,64%)
#5184db rgb(81,132,219) hsl(218,66%,59%)
#3c75d7 rgb(60,117,215) hsl(218,66%,54%)
#2a67cf rgb(42,103,207) hsl(218,66%,49%)
#265cba rgb(38,92,186) hsl(218,66%,44%)
#2252a5 rgb(34,82,165) hsl(218,66%,39%)
#1d4790 rgb(29,71,144) hsl(218,66%,34%)
#193d7b rgb(25,61,123) hsl(218,66%,29%)
#153266 rgb(21,50,102) hsl(218,66%,24%)
#102850 rgb(16,40,80) hsl(218,66%,19%)
#0c1d3b rgb(12,29,59) hsl(218,66%,14%)
#081326 rgb(8,19,38) hsl(218,66%,9%)
#030811 rgb(3,8,17) hsl(218,66%,4%)

Adjacent colors

HEX RGB HSL
#7AE3E0 rgb(122,227,224) hsl(178,65%,68%)
#7AA1E4 rgb(122,161,228) hsl(218,66%,69%)
#997AE4 rgb(153,122,228) hsl(258,66%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D7E3F6 rgb(215,227,246) hsl(217,63%,90%)
#A8C2ED rgb(168,194,237) hsl(217,66%,79%)
#7AA1E4 rgb(122,161,228) hsl(218,66%,69%)
#4B80DA rgb(75,128,218) hsl(218,66%,57%)
#2863C5 rgb(40,99,197) hsl(217,66%,46%)

Triad color palettes

HEX RGB HSL
#7AA1E4 rgb(122,161,228) hsl(218,66%,69%)
#E4877A rgb(228,135,122) hsl(7,66%,69%)
#D6E37A rgb(214,227,122) hsl(67,65%,68%)

Tetrad color palettes

HEX RGB HSL
#7AA1E4 rgb(122,161,228) hsl(218,66%,69%)
#E4BD7A rgb(228,189,122) hsl(38,66%,69%)
#7AD6E4 rgb(122,214,228) hsl(188,66%,69%)
#D6E37A rgb(214,227,122) hsl(67,65%,68%)