HEX #7BA3E7 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7BA3E7 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(218,69%,99%)
#e5edfa rgb(229,237,250) hsl(218,69%,94%)
#d0def6 rgb(208,222,246) hsl(218,69%,89%)
#bacff2 rgb(186,207,242) hsl(218,69%,84%)
#a5c0ee rgb(165,192,238) hsl(218,69%,79%)
#8fb1ea rgb(143,177,234) hsl(218,69%,74%)
#79a1e6 rgb(121,161,230) hsl(218,69%,69%)
#6492e3 rgb(100,146,227) hsl(218,69%,64%)
#4e83df rgb(78,131,223) hsl(218,69%,59%)
#3974db rgb(57,116,219) hsl(218,69%,54%)
#2766d3 rgb(39,102,211) hsl(218,69%,49%)
#235cbe rgb(35,92,190) hsl(218,69%,44%)
#1f51a8 rgb(31,81,168) hsl(218,69%,39%)
#1b4793 rgb(27,71,147) hsl(218,69%,34%)
#173c7d rgb(23,60,125) hsl(218,69%,29%)
#133267 rgb(19,50,103) hsl(218,69%,24%)
#0f2852 rgb(15,40,82) hsl(218,69%,19%)
#0b1d3c rgb(11,29,60) hsl(218,69%,14%)
#071327 rgb(7,19,39) hsl(218,69%,9%)
#030811 rgb(3,8,17) hsl(218,69%,4%)

Adjacent colors

HEX RGB HSL
#7BE8E3 rgb(123,232,227) hsl(177,70%,70%)
#7BA3E7 rgb(123,163,231) hsl(218,69%,69%)
#9B7AE7 rgb(155,122,231) hsl(258,69%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#DAE6F8 rgb(218,230,248) hsl(216,68%,91%)
#AAC4EF rgb(170,196,239) hsl(217,68%,80%)
#7BA3E7 rgb(123,163,231) hsl(218,69%,69%)
#4B82DE rgb(75,130,222) hsl(218,69%,58%)
#2563CB rgb(37,99,203) hsl(218,69%,47%)

Triad color palettes

HEX RGB HSL
#7BA3E7 rgb(123,163,231) hsl(218,69%,69%)
#E78A7B rgb(231,138,123) hsl(8,69%,69%)
#D9E87B rgb(217,232,123) hsl(68,70%,70%)

Tetrad color palettes

HEX RGB HSL
#7BA3E7 rgb(123,163,231) hsl(218,69%,69%)
#E7BF7B rgb(231,191,123) hsl(38,69%,69%)
#7BD9E7 rgb(123,217,231) hsl(188,69%,69%)
#D9E87B rgb(217,232,123) hsl(68,70%,70%)