HEX #7BA1E2 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7BA1E2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(218,64%,98%)
#e2eaf9 rgb(226,234,249) hsl(218,64%,93%)
#cddbf4 rgb(205,219,244) hsl(218,64%,88%)
#b8ccef rgb(184,204,239) hsl(218,64%,83%)
#a3bdeb rgb(163,189,235) hsl(218,64%,78%)
#8eaee6 rgb(142,174,230) hsl(218,64%,73%)
#799fe2 rgb(121,159,226) hsl(218,64%,68%)
#6491dd rgb(100,145,221) hsl(218,64%,63%)
#4f82d8 rgb(79,130,216) hsl(218,64%,58%)
#3a73d4 rgb(58,115,212) hsl(218,64%,53%)
#2c66c9 rgb(44,102,201) hsl(218,64%,48%)
#275bb4 rgb(39,91,180) hsl(218,64%,43%)
#23509f rgb(35,80,159) hsl(218,64%,38%)
#1e468a rgb(30,70,138) hsl(218,64%,33%)
#1a3b75 rgb(26,59,117) hsl(218,64%,28%)
#153160 rgb(21,49,96) hsl(218,64%,23%)
#11264b rgb(17,38,75) hsl(218,64%,18%)
#0c1b36 rgb(12,27,54) hsl(218,64%,13%)
#071121 rgb(7,17,33) hsl(218,64%,8%)
#03060d rgb(3,6,13) hsl(218,64%,3%)

Adjacent colors

HEX RGB HSL
#7BE3DE rgb(123,227,222) hsl(177,65%,69%)
#7BA1E2 rgb(123,161,226) hsl(218,64%,68%)
#997AE2 rgb(153,122,226) hsl(258,64%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D6E3F6 rgb(214,227,246) hsl(216,64%,90%)
#A8C2EC rgb(168,194,236) hsl(217,64%,79%)
#7BA1E2 rgb(123,161,226) hsl(218,64%,68%)
#4D80D7 rgb(77,128,215) hsl(218,63%,57%)
#2A63C2 rgb(42,99,194) hsl(218,64%,46%)

Triad color palettes

HEX RGB HSL
#7BA1E2 rgb(123,161,226) hsl(218,64%,68%)
#E28A7B rgb(226,138,123) hsl(9,64%,68%)
#D4E37B rgb(212,227,123) hsl(69,65%,69%)

Tetrad color palettes

HEX RGB HSL
#7BA1E2 rgb(123,161,226) hsl(218,64%,68%)
#E2BD7B rgb(226,189,123) hsl(38,64%,68%)
#7BD4E2 rgb(123,212,226) hsl(188,64%,68%)
#D4E37B rgb(212,227,123) hsl(69,65%,69%)