HEX #7BA8E2 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7BA8E2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(214,64%,98%)
#e2ecf9 rgb(226,236,249) hsl(214,64%,93%)
#cddef4 rgb(205,222,244) hsl(214,64%,88%)
#b8d0ef rgb(184,208,239) hsl(214,64%,83%)
#a3c2eb rgb(163,194,235) hsl(214,64%,78%)
#8eb4e6 rgb(142,180,230) hsl(214,64%,73%)
#79a6e2 rgb(121,166,226) hsl(214,64%,68%)
#6499dd rgb(100,153,221) hsl(214,64%,63%)
#4f8bd8 rgb(79,139,216) hsl(214,64%,58%)
#3a7dd4 rgb(58,125,212) hsl(214,64%,53%)
#2c70c9 rgb(44,112,201) hsl(214,64%,48%)
#2764b4 rgb(39,100,180) hsl(214,64%,43%)
#23599f rgb(35,89,159) hsl(214,64%,38%)
#1e4d8a rgb(30,77,138) hsl(214,64%,33%)
#1a4175 rgb(26,65,117) hsl(214,64%,28%)
#153660 rgb(21,54,96) hsl(214,64%,23%)
#112a4b rgb(17,42,75) hsl(214,64%,18%)
#0c1e36 rgb(12,30,54) hsl(214,64%,13%)
#071321 rgb(7,19,33) hsl(214,64%,8%)
#03070d rgb(3,7,13) hsl(214,64%,3%)

Adjacent colors

HEX RGB HSL
#7BE3D7 rgb(123,227,215) hsl(173,65%,69%)
#7BA8E2 rgb(123,168,226) hsl(214,64%,68%)
#927AE2 rgb(146,122,226) hsl(254,64%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D6E6F6 rgb(214,230,246) hsl(210,64%,90%)
#A8C7EC rgb(168,199,236) hsl(213,64%,79%)
#7BA8E2 rgb(123,168,226) hsl(214,64%,68%)
#4D8AD7 rgb(77,138,215) hsl(213,63%,57%)
#2A6EC2 rgb(42,110,194) hsl(213,64%,46%)

Triad color palettes

HEX RGB HSL
#7BA8E2 rgb(123,168,226) hsl(214,64%,68%)
#E2827B rgb(226,130,123) hsl(4,64%,68%)
#DBE37B rgb(219,227,123) hsl(65,65%,69%)

Tetrad color palettes

HEX RGB HSL
#7BA8E2 rgb(123,168,226) hsl(214,64%,68%)
#E2B57B rgb(226,181,123) hsl(34,64%,68%)
#7BDBE2 rgb(123,219,226) hsl(184,64%,68%)
#DBE37B rgb(219,227,123) hsl(65,65%,69%)