HEX #7BA3E5 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7BA3E5 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(217,67%,99%)
#e5edfa rgb(229,237,250) hsl(217,67%,94%)
#d0dff6 rgb(208,223,246) hsl(217,67%,89%)
#bbd0f2 rgb(187,208,242) hsl(217,67%,84%)
#a6c1ed rgb(166,193,237) hsl(217,67%,79%)
#90b2e9 rgb(144,178,233) hsl(217,67%,74%)
#7ba4e5 rgb(123,164,229) hsl(217,67%,69%)
#6695e1 rgb(102,149,225) hsl(217,67%,64%)
#5086dc rgb(80,134,220) hsl(217,67%,59%)
#3b77d8 rgb(59,119,216) hsl(217,67%,54%)
#2969d1 rgb(41,105,209) hsl(217,67%,49%)
#255fbb rgb(37,95,187) hsl(217,67%,44%)
#2154a6 rgb(33,84,166) hsl(217,67%,39%)
#1d4991 rgb(29,73,145) hsl(217,67%,34%)
#183e7b rgb(24,62,123) hsl(217,67%,29%)
#143466 rgb(20,52,102) hsl(217,67%,24%)
#102951 rgb(16,41,81) hsl(217,67%,19%)
#0c1e3c rgb(12,30,60) hsl(217,67%,14%)
#081326 rgb(8,19,38) hsl(217,67%,9%)
#030911 rgb(3,9,17) hsl(217,67%,4%)

Adjacent colors

HEX RGB HSL
#7BE6E0 rgb(123,230,224) hsl(177,68%,69%)
#7BA3E5 rgb(123,163,229) hsl(217,67%,69%)
#997AE5 rgb(153,122,229) hsl(257,67%,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%)
#7BA3E5 rgb(123,163,229) hsl(217,67%,69%)
#4B82DB rgb(75,130,219) hsl(217,67%,58%)
#2763C7 rgb(39,99,199) hsl(218,67%,47%)

Triad color palettes

HEX RGB HSL
#7BA3E5 rgb(123,163,229) hsl(217,67%,69%)
#E5877B rgb(229,135,123) hsl(7,67%,69%)
#D8E67B rgb(216,230,123) hsl(68,68%,69%)

Tetrad color palettes

HEX RGB HSL
#7BA3E5 rgb(123,163,229) hsl(217,67%,69%)
#E5BD7B rgb(229,189,123) hsl(37,67%,69%)
#7BD9E5 rgb(123,217,229) hsl(187,67%,69%)
#D8E67B rgb(216,230,123) hsl(68,68%,69%)