HEX #778BE4 color — Portage

The color #778be4 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

778be4 color palette from light to dark

HEX RGB HSL
#f6f8fd rgb(246,248,253) hsl(229,67%,98%)
#e1e6f9 rgb(225,230,249) hsl(229,67%,93%)
#ccd3f5 rgb(204,211,245) hsl(229,67%,88%)
#b7c1f1 rgb(183,193,241) hsl(229,67%,83%)
#a1afec rgb(161,175,236) hsl(229,67%,78%)
#8c9de8 rgb(140,157,232) hsl(229,67%,73%)
#778be4 rgb(119,139,228) hsl(229,67%,68%)
#6179e0 rgb(97,121,224) hsl(229,67%,63%)
#4c66dc rgb(76,102,220) hsl(229,67%,58%)
#3754d7 rgb(55,84,215) hsl(229,67%,53%)
#2846cc rgb(40,70,204) hsl(229,67%,48%)
#243fb7 rgb(36,63,183) hsl(229,67%,43%)
#2038a2 rgb(32,56,162) hsl(229,67%,38%)
#1c308d rgb(28,48,141) hsl(229,67%,33%)
#182977 rgb(24,41,119) hsl(229,67%,28%)
#132262 rgb(19,34,98) hsl(229,67%,23%)
#0f1a4d rgb(15,26,77) hsl(229,67%,18%)
#0b1337 rgb(11,19,55) hsl(229,67%,13%)
#070c22 rgb(7,12,34) hsl(229,67%,8%)
#03040d rgb(3,4,13) hsl(229,67%,3%)

Adjacent colors

HEX RGB HSL
#77D4E4 rgb(119,212,228) hsl(189,67%,68%)
#778BE4 rgb(119,139,228) hsl(229,67%,68%)
#AB78E4 rgb(171,120,228) hsl(268,67%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D3D9F6 rgb(211,217,246) hsl(230,66%,90%)
#A5B3ED rgb(165,179,237) hsl(228,67%,79%)
#778BE4 rgb(119,139,228) hsl(229,67%,68%)
#4863DA rgb(72,99,218) hsl(229,66%,57%)
#2745C4 rgb(39,69,196) hsl(229,67%,46%)

Triad color palettes

HEX RGB HSL
#778BE4 rgb(119,139,228) hsl(229,67%,68%)
#E49977 rgb(228,153,119) hsl(19,67%,68%)
#C1E377 rgb(193,227,119) hsl(79,66%,68%)

Tetrad color palettes

HEX RGB HSL
#778BE4 rgb(119,139,228) hsl(229,67%,68%)
#E4D177 rgb(228,209,119) hsl(50,67%,68%)
#77C2E4 rgb(119,194,228) hsl(199,67%,68%)
#C1E377 rgb(193,227,119) hsl(79,66%,68%)