HEX #7BA2EF color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7ba2ef color palette from light to dark

HEX RGB HSL
#edf2fd rgb(237,242,253) hsl(220,78%,96%)
#d6e2fa rgb(214,226,250) hsl(220,78%,91%)
#bfd2f7 rgb(191,210,247) hsl(220,78%,86%)
#a9c2f4 rgb(169,194,244) hsl(220,78%,81%)
#92b2f2 rgb(146,178,242) hsl(220,78%,76%)
#7ba2ef rgb(123,162,239) hsl(220,78%,71%)
#6592ec rgb(101,146,236) hsl(220,78%,66%)
#4e82e9 rgb(78,130,233) hsl(220,78%,61%)
#3772e6 rgb(55,114,230) hsl(220,78%,56%)
#2162e4 rgb(33,98,228) hsl(220,78%,51%)
#1a57d1 rgb(26,87,209) hsl(220,78%,46%)
#174dba rgb(23,77,186) hsl(220,78%,41%)
#1444a3 rgb(20,68,163) hsl(220,78%,36%)
#113a8d rgb(17,58,141) hsl(220,78%,31%)
#0f3176 rgb(15,49,118) hsl(220,78%,26%)
#0c285f rgb(12,40,95) hsl(220,78%,21%)
#091e49 rgb(9,30,73) hsl(220,78%,16%)
#061532 rgb(6,21,50) hsl(220,78%,11%)
#030b1b rgb(3,11,27) hsl(220,78%,6%)
#010205 rgb(1,2,5) hsl(220,78%,1%)

Adjacent colors

HEX RGB HSL
#7BF0EE rgb(123,240,238) hsl(179,80%,71%)
#7BA2EF rgb(123,162,239) hsl(220,78%,71%)
#A17AEF rgb(161,122,239) hsl(260,79%,71%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#E2EBFB rgb(226,235,251) hsl(218,76%,94%)
#AEC7F5 rgb(174,199,245) hsl(219,78%,82%)
#7BA2EF rgb(123,162,239) hsl(220,78%,71%)
#477DE8 rgb(71,125,232) hsl(220,78%,59%)
#1A5CDB rgb(26,92,219) hsl(219,79%,48%)

Triad color palettes

HEX RGB HSL
#7BA2EF rgb(123,162,239) hsl(220,78%,71%)
#EF8F7B rgb(239,143,123) hsl(10,78%,71%)
#DCF07B rgb(220,240,123) hsl(70,80%,71%)

Tetrad color palettes

HEX RGB HSL
#7BA2EF rgb(123,162,239) hsl(220,78%,71%)
#EFC77B rgb(239,199,123) hsl(39,78%,71%)
#7BDBEF rgb(123,219,239) hsl(190,78%,71%)
#DCF07B rgb(220,240,123) hsl(70,80%,71%)