HEX #7BA3E6 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7BA3E6 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(218,68%,99%)
#e5edfa rgb(229,237,250) hsl(218,68%,94%)
#d0def6 rgb(208,222,246) hsl(218,68%,89%)
#bacff2 rgb(186,207,242) hsl(218,68%,84%)
#a5c0ee rgb(165,192,238) hsl(218,68%,79%)
#90b1ea rgb(144,177,234) hsl(218,68%,74%)
#7aa2e6 rgb(122,162,230) hsl(218,68%,69%)
#6593e2 rgb(101,147,226) hsl(218,68%,64%)
#4f83de rgb(79,131,222) hsl(218,68%,59%)
#3a74d9 rgb(58,116,217) hsl(218,68%,54%)
#2866d2 rgb(40,102,210) hsl(218,68%,49%)
#245cbc rgb(36,92,188) hsl(218,68%,44%)
#2051a7 rgb(32,81,167) hsl(218,68%,39%)
#1c4792 rgb(28,71,146) hsl(218,68%,34%)
#183d7c rgb(24,61,124) hsl(218,68%,29%)
#143267 rgb(20,50,103) hsl(218,68%,24%)
#102851 rgb(16,40,81) hsl(218,68%,19%)
#0b1d3c rgb(11,29,60) hsl(218,68%,14%)
#071327 rgb(7,19,39) hsl(218,68%,9%)
#030811 rgb(3,8,17) hsl(218,68%,4%)

Adjacent colors

HEX RGB HSL
#7BE6E1 rgb(123,230,225) hsl(177,68%,69%)
#7BA3E6 rgb(123,163,230) hsl(218,68%,69%)
#9A7AE6 rgb(154,122,230) hsl(258,68%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D9E6F7 rgb(217,230,247) hsl(214,65%,91%)
#AAC4EE rgb(170,196,238) hsl(217,67%,80%)
#7BA3E6 rgb(123,163,230) hsl(218,68%,69%)
#4B82DD rgb(75,130,221) hsl(217,68%,58%)
#2663C9 rgb(38,99,201) hsl(218,68%,47%)

Triad color palettes

HEX RGB HSL
#7BA3E6 rgb(123,163,230) hsl(218,68%,69%)
#E68A7B rgb(230,138,123) hsl(8,68%,69%)
#D8E67B rgb(216,230,123) hsl(68,68%,69%)

Tetrad color palettes

HEX RGB HSL
#7BA3E6 rgb(123,163,230) hsl(218,68%,69%)
#E6BF7B rgb(230,191,123) hsl(38,68%,69%)
#7BD9E6 rgb(123,217,230) hsl(187,68%,69%)
#D8E67B rgb(216,230,123) hsl(68,68%,69%)