HEX #789CE2 color — Portage

The color #789CE2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

789CE2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(220,65%,98%)
#e2e9f9 rgb(226,233,249) hsl(220,65%,93%)
#cddaf4 rgb(205,218,244) hsl(220,65%,88%)
#b7caf0 rgb(183,202,240) hsl(220,65%,83%)
#a2bbeb rgb(162,187,235) hsl(220,65%,78%)
#8dabe7 rgb(141,171,231) hsl(220,65%,73%)
#789ce2 rgb(120,156,226) hsl(220,65%,68%)
#638cde rgb(99,140,222) hsl(220,65%,63%)
#4e7dda rgb(78,125,218) hsl(220,65%,58%)
#396dd5 rgb(57,109,213) hsl(220,65%,53%)
#2b60ca rgb(43,96,202) hsl(220,65%,48%)
#2656b5 rgb(38,86,181) hsl(220,65%,43%)
#224ca0 rgb(34,76,160) hsl(220,65%,38%)
#1d428b rgb(29,66,139) hsl(220,65%,33%)
#193876 rgb(25,56,118) hsl(220,65%,28%)
#152e61 rgb(21,46,97) hsl(220,65%,23%)
#10244c rgb(16,36,76) hsl(220,65%,18%)
#0c1a37 rgb(12,26,55) hsl(220,65%,13%)
#071022 rgb(7,16,34) hsl(220,65%,8%)
#03060d rgb(3,6,13) hsl(220,65%,3%)

Adjacent colors

HEX RGB HSL
#78E3E1 rgb(120,227,225) hsl(179,66%,68%)
#789CE2 rgb(120,156,226) hsl(220,65%,68%)
#9A78E2 rgb(154,120,226) hsl(259,65%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D3DEF5 rgb(211,222,245) hsl(221,63%,89%)
#A5BDEB rgb(165,189,235) hsl(219,64%,78%)
#789CE2 rgb(120,156,226) hsl(220,65%,68%)
#4A7AD8 rgb(74,122,216) hsl(220,65%,57%)
#295EC1 rgb(41,94,193) hsl(219,65%,46%)

Triad color palettes

HEX RGB HSL
#789CE2 rgb(120,156,226) hsl(220,65%,68%)
#E28A78 rgb(226,138,120) hsl(10,65%,68%)
#D1E378 rgb(209,227,120) hsl(70,66%,68%)

Tetrad color palettes

HEX RGB HSL
#789CE2 rgb(120,156,226) hsl(220,65%,68%)
#E2BF78 rgb(226,191,120) hsl(40,65%,68%)
#78D1E2 rgb(120,209,226) hsl(190,65%,68%)
#D1E378 rgb(209,227,120) hsl(70,66%,68%)