HEX #7EA1E2 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7EA1E2 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(219,63%,99%)
#e6edf9 rgb(230,237,249) hsl(219,63%,94%)
#d1def5 rgb(209,222,245) hsl(219,63%,89%)
#bccef0 rgb(188,206,240) hsl(219,63%,84%)
#a8bfeb rgb(168,191,235) hsl(219,63%,79%)
#93b0e6 rgb(147,176,230) hsl(219,63%,74%)
#7ea1e2 rgb(126,161,226) hsl(219,63%,69%)
#6992dd rgb(105,146,221) hsl(219,63%,64%)
#5583d8 rgb(85,131,216) hsl(219,63%,59%)
#4074d4 rgb(64,116,212) hsl(219,63%,54%)
#2e65cc rgb(46,101,204) hsl(219,63%,49%)
#2a5bb7 rgb(42,91,183) hsl(219,63%,44%)
#2551a2 rgb(37,81,162) hsl(219,63%,39%)
#20468d rgb(32,70,141) hsl(219,63%,34%)
#1b3c79 rgb(27,60,121) hsl(219,63%,29%)
#173264 rgb(23,50,100) hsl(219,63%,24%)
#12274f rgb(18,39,79) hsl(219,63%,19%)
#0d1d3a rgb(13,29,58) hsl(219,63%,14%)
#081325 rgb(8,19,37) hsl(219,63%,9%)
#040811 rgb(4,8,17) hsl(219,63%,4%)

Adjacent colors

HEX RGB HSL
#7EE3E0 rgb(126,227,224) hsl(178,64%,69%)
#7EA1E2 rgb(126,161,226) hsl(219,63%,69%)
#9D7DE2 rgb(157,125,226) hsl(259,64%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D9E3F6 rgb(217,227,246) hsl(219,62%,91%)
#ABC2EC rgb(171,194,236) hsl(219,63%,80%)
#7EA1E2 rgb(126,161,226) hsl(219,63%,69%)
#5080D7 rgb(80,128,215) hsl(219,63%,58%)
#2B61C3 rgb(43,97,195) hsl(219,64%,47%)

Triad color palettes

HEX RGB HSL
#7EA1E2 rgb(126,161,226) hsl(219,63%,69%)
#E28C7E rgb(226,140,126) hsl(8,63%,69%)
#D3E37E rgb(211,227,126) hsl(70,64%,69%)

Tetrad color palettes

HEX RGB HSL
#7EA1E2 rgb(126,161,226) hsl(219,63%,69%)
#E2BF7E rgb(226,191,126) hsl(39,63%,69%)
#7ED4E2 rgb(126,212,226) hsl(188,63%,69%)
#D3E37E rgb(211,227,126) hsl(70,64%,69%)