HEX #789AE2 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

789ae2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(221,65%,98%)
#e2e9f9 rgb(226,233,249) hsl(221,65%,93%)
#cdd9f4 rgb(205,217,244) hsl(221,65%,88%)
#b7c9f0 rgb(183,201,240) hsl(221,65%,83%)
#a2baeb rgb(162,186,235) hsl(221,65%,78%)
#8daae7 rgb(141,170,231) hsl(221,65%,73%)
#789ae2 rgb(120,154,226) hsl(221,65%,68%)
#638ade rgb(99,138,222) hsl(221,65%,63%)
#4e7ada rgb(78,122,218) hsl(221,65%,58%)
#396bd5 rgb(57,107,213) hsl(221,65%,53%)
#2b5dca rgb(43,93,202) hsl(221,65%,48%)
#2654b5 rgb(38,84,181) hsl(221,65%,43%)
#224aa0 rgb(34,74,160) hsl(221,65%,38%)
#1d408b rgb(29,64,139) hsl(221,65%,33%)
#193676 rgb(25,54,118) hsl(221,65%,28%)
#152d61 rgb(21,45,97) hsl(221,65%,23%)
#10234c rgb(16,35,76) hsl(221,65%,18%)
#0c1937 rgb(12,25,55) hsl(221,65%,13%)
#071022 rgb(7,16,34) hsl(221,65%,8%)
#03060d rgb(3,6,13) hsl(221,65%,3%)

Adjacent colors

HEX RGB HSL
#78E0E2 rgb(120,224,226) hsl(181,65%,68%)
#789AE2 rgb(120,154,226) hsl(221,65%,68%)
#9C78E2 rgb(156,120,226) hsl(260,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%)
#789AE2 rgb(120,154,226) hsl(221,65%,68%)
#4A78D8 rgb(74,120,216) hsl(221,65%,57%)
#2959C1 rgb(41,89,193) hsl(221,65%,46%)

Triad color palettes

HEX RGB HSL
#789AE2 rgb(120,154,226) hsl(221,65%,68%)
#E28C78 rgb(226,140,120) hsl(11,65%,68%)
#CFE378 rgb(207,227,120) hsl(71,66%,68%)

Tetrad color palettes

HEX RGB HSL
#789AE2 rgb(120,154,226) hsl(221,65%,68%)
#E2BF78 rgb(226,191,120) hsl(40,65%,68%)
#78CFE2 rgb(120,207,226) hsl(191,65%,68%)
#CFE378 rgb(207,227,120) hsl(71,66%,68%)