HEX #77A6E2 color — Portage
The color #77A6E2 is a light shade and slightly desaturated.
Palette
77A6E2 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 |
#77E3D6 |
rgb(119,227,214) |
hsl(173,66%,68%) |
#77A6E2 |
rgb(119,166,226) |
hsl(214,65%,68%) |
#8F78E2 |
rgb(143,120,226) |
hsl(253,65%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D2E0F5 |
rgb(210,224,245) |
hsl(216,64%,89%) |
#A4C4EB |
rgb(164,196,235) |
hsl(213,64%,78%) |
#77A6E2 |
rgb(119,166,226) |
hsl(214,65%,68%) |
#4987D8 |
rgb(73,135,216) |
hsl(214,65%,57%) |
#296BC1 |
rgb(41,107,193) |
hsl(214,65%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#77A6E2 |
rgb(119,166,226) |
hsl(214,65%,68%) |
#E27D77 |
rgb(226,125,119) |
hsl(3,65%,68%) |
#DBE377 |
rgb(219,227,119) |
hsl(64,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#77A6E2 |
rgb(119,166,226) |
hsl(214,65%,68%) |
#E2B377 |
rgb(226,179,119) |
hsl(34,65%,68%) |
#77DBE2 |
rgb(119,219,226) |
hsl(184,65%,68%) |
#DBE377 |
rgb(219,227,119) |
hsl(64,66%,68%) |