HEX #78A6E2 color — Portage

The color #78a6e2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

78a6e2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(214,65%,98%)
#e2ecf9 rgb(226,236,249) hsl(214,65%,93%)
#cddef4 rgb(205,222,244) hsl(214,65%,88%)
#b7d0f0 rgb(183,208,240) hsl(214,65%,83%)
#a2c2eb rgb(162,194,235) hsl(214,65%,78%)
#8db4e7 rgb(141,180,231) hsl(214,65%,73%)
#78a6e2 rgb(120,166,226) hsl(214,65%,68%)
#6398de rgb(99,152,222) hsl(214,65%,63%)
#4e8bda rgb(78,139,218) hsl(214,65%,58%)
#397dd5 rgb(57,125,213) hsl(214,65%,53%)
#2b70ca rgb(43,112,202) hsl(214,65%,48%)
#2664b5 rgb(38,100,181) hsl(214,65%,43%)
#2259a0 rgb(34,89,160) hsl(214,65%,38%)
#1d4d8b rgb(29,77,139) hsl(214,65%,33%)
#194176 rgb(25,65,118) hsl(214,65%,28%)
#153661 rgb(21,54,97) hsl(214,65%,23%)
#102a4c rgb(16,42,76) hsl(214,65%,18%)
#0c1e37 rgb(12,30,55) hsl(214,65%,13%)
#071322 rgb(7,19,34) hsl(214,65%,8%)
#03070d rgb(3,7,13) hsl(214,65%,3%)

Adjacent colors

HEX RGB HSL
#78E3D7 rgb(120,227,215) hsl(173,66%,68%)
#78A6E2 rgb(120,166,226) hsl(214,65%,68%)
#9078E2 rgb(144,120,226) hsl(254,65%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D3E3F5 rgb(211,227,245) hsl(212,63%,89%)
#A5C4EB rgb(165,196,235) hsl(213,64%,78%)
#78A6E2 rgb(120,166,226) hsl(214,65%,68%)
#4A87D8 rgb(74,135,216) hsl(214,65%,57%)
#296BC1 rgb(41,107,193) hsl(214,65%,46%)

Triad color palettes

HEX RGB HSL
#78A6E2 rgb(120,166,226) hsl(214,65%,68%)
#E28078 rgb(226,128,120) hsl(5,65%,68%)
#DBE378 rgb(219,227,120) hsl(64,66%,68%)

Tetrad color palettes

HEX RGB HSL
#78A6E2 rgb(120,166,226) hsl(214,65%,68%)
#E2B578 rgb(226,181,120) hsl(35,65%,68%)
#78DBE2 rgb(120,219,226) hsl(184,65%,68%)
#DBE378 rgb(219,227,120) hsl(64,66%,68%)