HEX #7EA3E2 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7EA3E2 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(218,63%,99%)
#e6edf9 rgb(230,237,249) hsl(218,63%,94%)
#d1def5 rgb(209,222,245) hsl(218,63%,89%)
#bccff0 rgb(188,207,240) hsl(218,63%,84%)
#a8c0eb rgb(168,192,235) hsl(218,63%,79%)
#93b2e6 rgb(147,178,230) hsl(218,63%,74%)
#7ea3e2 rgb(126,163,226) hsl(218,63%,69%)
#6994dd rgb(105,148,221) hsl(218,63%,64%)
#5585d8 rgb(85,133,216) hsl(218,63%,59%)
#4076d4 rgb(64,118,212) hsl(218,63%,54%)
#2e68cc rgb(46,104,204) hsl(218,63%,49%)
#2a5db7 rgb(42,93,183) hsl(218,63%,44%)
#2553a2 rgb(37,83,162) hsl(218,63%,39%)
#20488d rgb(32,72,141) hsl(218,63%,34%)
#1b3e79 rgb(27,62,121) hsl(218,63%,29%)
#173364 rgb(23,51,100) hsl(218,63%,24%)
#12284f rgb(18,40,79) hsl(218,63%,19%)
#0d1e3a rgb(13,30,58) hsl(218,63%,14%)
#081325 rgb(8,19,37) hsl(218,63%,9%)
#040811 rgb(4,8,17) hsl(218,63%,4%)

Adjacent colors

HEX RGB HSL
#7EE3DE rgb(126,227,222) hsl(177,64%,69%)
#7EA3E2 rgb(126,163,226) hsl(218,63%,69%)
#9B7DE2 rgb(155,125,226) hsl(258,64%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D9E6F6 rgb(217,230,246) hsl(213,62%,91%)
#ABC4EC rgb(171,196,236) hsl(217,63%,80%)
#7EA3E2 rgb(126,163,226) hsl(218,63%,69%)
#5082D7 rgb(80,130,215) hsl(218,63%,58%)
#2B63C3 rgb(43,99,195) hsl(218,64%,47%)

Triad color palettes

HEX RGB HSL
#7EA3E2 rgb(126,163,226) hsl(218,63%,69%)
#E28C7E rgb(226,140,126) hsl(8,63%,69%)
#D5E37E rgb(213,227,126) hsl(68,64%,69%)

Tetrad color palettes

HEX RGB HSL
#7EA3E2 rgb(126,163,226) hsl(218,63%,69%)
#E2BD7E rgb(226,189,126) hsl(38,63%,69%)
#7ED6E2 rgb(126,214,226) hsl(187,63%,69%)
#D5E37E rgb(213,227,126) hsl(68,64%,69%)