HEX #7BA4EF color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7ba4ef color palette from light to dark

HEX RGB HSL
#edf2fd rgb(237,242,253) hsl(219,78%,96%)
#d6e3fa rgb(214,227,250) hsl(219,78%,91%)
#bfd3f7 rgb(191,211,247) hsl(219,78%,86%)
#a9c3f4 rgb(169,195,244) hsl(219,78%,81%)
#92b3f2 rgb(146,179,242) hsl(219,78%,76%)
#7ba4ef rgb(123,164,239) hsl(219,78%,71%)
#6594ec rgb(101,148,236) hsl(219,78%,66%)
#4e84e9 rgb(78,132,233) hsl(219,78%,61%)
#3775e6 rgb(55,117,230) hsl(219,78%,56%)
#2165e4 rgb(33,101,228) hsl(219,78%,51%)
#1a5ad1 rgb(26,90,209) hsl(219,78%,46%)
#1750ba rgb(23,80,186) hsl(219,78%,41%)
#1446a3 rgb(20,70,163) hsl(219,78%,36%)
#113d8d rgb(17,61,141) hsl(219,78%,31%)
#0f3376 rgb(15,51,118) hsl(219,78%,26%)
#0c295f rgb(12,41,95) hsl(219,78%,21%)
#091f49 rgb(9,31,73) hsl(219,78%,16%)
#061532 rgb(6,21,50) hsl(219,78%,11%)
#030c1b rgb(3,12,27) hsl(219,78%,6%)
#010205 rgb(1,2,5) hsl(219,78%,1%)

Adjacent colors

HEX RGB HSL
#7BF0EC rgb(123,240,236) hsl(178,80%,71%)
#7BA4EF rgb(123,164,239) hsl(219,78%,71%)
#9F7AEF rgb(159,122,239) hsl(259,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%)
#7BA4EF rgb(123,164,239) hsl(219,78%,71%)
#4780E8 rgb(71,128,232) hsl(219,78%,59%)
#1A5EDB rgb(26,94,219) hsl(219,79%,48%)

Triad color palettes

HEX RGB HSL
#7BA4EF rgb(123,164,239) hsl(219,78%,71%)
#EF8C7B rgb(239,140,123) hsl(9,78%,71%)
#DEF07B rgb(222,240,123) hsl(69,80%,71%)

Tetrad color palettes

HEX RGB HSL
#7BA4EF rgb(123,164,239) hsl(219,78%,71%)
#EFC77B rgb(239,199,123) hsl(39,78%,71%)
#7BDEEF rgb(123,222,239) hsl(189,78%,71%)
#DEF07B rgb(222,240,123) hsl(69,80%,71%)