HEX #778AEA color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

778AEA color palette from light to dark

HEX RGB HSL
#fbfbfe rgb(251,251,254) hsl(230,73%,99%)
#e5e8fb rgb(229,232,251) hsl(230,73%,94%)
#ced5f7 rgb(206,213,247) hsl(230,73%,89%)
#b8c2f4 rgb(184,194,244) hsl(230,73%,84%)
#a2aff1 rgb(162,175,241) hsl(230,73%,79%)
#8c9ced rgb(140,156,237) hsl(230,73%,74%)
#7689ea rgb(118,137,234) hsl(230,73%,69%)
#6077e6 rgb(96,119,230) hsl(230,73%,64%)
#4a64e3 rgb(74,100,227) hsl(230,73%,59%)
#3451df rgb(52,81,223) hsl(230,73%,54%)
#2240d8 rgb(34,64,216) hsl(230,73%,49%)
#1e3ac2 rgb(30,58,194) hsl(230,73%,44%)
#1b33ac rgb(27,51,172) hsl(230,73%,39%)
#172d96 rgb(23,45,150) hsl(230,73%,34%)
#142680 rgb(20,38,128) hsl(230,73%,29%)
#111f6a rgb(17,31,106) hsl(230,73%,24%)
#0d1954 rgb(13,25,84) hsl(230,73%,19%)
#0a123e rgb(10,18,62) hsl(230,73%,14%)
#060c28 rgb(6,12,40) hsl(230,73%,9%)
#030512 rgb(3,5,18) hsl(230,73%,4%)

Adjacent colors

HEX RGB HSL
#77D6EA rgb(119,214,234) hsl(190,73%,69%)
#778AEA rgb(119,138,234) hsl(230,73%,69%)
#B078EA rgb(176,120,234) hsl(269,73%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D8DEF9 rgb(216,222,249) hsl(229,73%,91%)
#A7B5F1 rgb(167,181,241) hsl(229,73%,80%)
#778AEA rgb(119,138,234) hsl(230,73%,69%)
#4661E2 rgb(70,97,226) hsl(230,73%,58%)
#203DCF rgb(32,61,207) hsl(230,73%,47%)

Triad color palettes

HEX RGB HSL
#778AEA rgb(119,138,234) hsl(230,73%,69%)
#EA9E77 rgb(234,158,119) hsl(20,73%,69%)
#C3EB77 rgb(195,235,119) hsl(81,74%,69%)

Tetrad color palettes

HEX RGB HSL
#778AEA rgb(119,138,234) hsl(230,73%,69%)
#EAD677 rgb(234,214,119) hsl(50,73%,69%)
#77C4EA rgb(119,196,234) hsl(200,73%,69%)
#C3EB77 rgb(195,235,119) hsl(81,74%,69%)