HEX #779EE2 color — Portage
The color #779EE2 is a light shade and slightly desaturated.
Palette
779EE2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(218,65%,98%) |
#e2eaf9 |
rgb(226,234,249) |
hsl(218,65%,93%) |
#cddbf4 |
rgb(205,219,244) |
hsl(218,65%,88%) |
#b7ccf0 |
rgb(183,204,240) |
hsl(218,65%,83%) |
#a2bdeb |
rgb(162,189,235) |
hsl(218,65%,78%) |
#8daee7 |
rgb(141,174,231) |
hsl(218,65%,73%) |
#789fe2 |
rgb(120,159,226) |
hsl(218,65%,68%) |
#6390de |
rgb(99,144,222) |
hsl(218,65%,63%) |
#4e81da |
rgb(78,129,218) |
hsl(218,65%,58%) |
#3972d5 |
rgb(57,114,213) |
hsl(218,65%,53%) |
#2b65ca |
rgb(43,101,202) |
hsl(218,65%,48%) |
#265bb5 |
rgb(38,91,181) |
hsl(218,65%,43%) |
#2250a0 |
rgb(34,80,160) |
hsl(218,65%,38%) |
#1d468b |
rgb(29,70,139) |
hsl(218,65%,33%) |
#193b76 |
rgb(25,59,118) |
hsl(218,65%,28%) |
#153061 |
rgb(21,48,97) |
hsl(218,65%,23%) |
#10264c |
rgb(16,38,76) |
hsl(218,65%,18%) |
#0c1b37 |
rgb(12,27,55) |
hsl(218,65%,13%) |
#071122 |
rgb(7,17,34) |
hsl(218,65%,8%) |
#03060d |
rgb(3,6,13) |
hsl(218,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77E3DE |
rgb(119,227,222) |
hsl(177,66%,68%) |
#779EE2 |
rgb(119,158,226) |
hsl(218,65%,68%) |
#9778E2 |
rgb(151,120,226) |
hsl(258,65%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D2DEF5 |
rgb(210,222,245) |
hsl(219,64%,89%) |
#A4BFEB |
rgb(164,191,235) |
hsl(217,64%,78%) |
#779EE2 |
rgb(119,158,226) |
hsl(218,65%,68%) |
#497DD8 |
rgb(73,125,216) |
hsl(218,65%,57%) |
#2961C1 |
rgb(41,97,193) |
hsl(218,65%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#779EE2 |
rgb(119,158,226) |
hsl(218,65%,68%) |
#E28577 |
rgb(226,133,119) |
hsl(8,65%,68%) |
#D3E377 |
rgb(211,227,119) |
hsl(69,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#779EE2 |
rgb(119,158,226) |
hsl(218,65%,68%) |
#E2BA77 |
rgb(226,186,119) |
hsl(38,65%,68%) |
#77D4E2 |
rgb(119,212,226) |
hsl(188,65%,68%) |
#D3E377 |
rgb(211,227,119) |
hsl(69,66%,68%) |