HEX #77A3E2 color — Portage
The color #77A3E2 is a light shade and slightly desaturated.
Palette
77A3E2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,65%,98%) |
#e2ebf9 |
rgb(226,235,249) |
hsl(215,65%,93%) |
#cdddf4 |
rgb(205,221,244) |
hsl(215,65%,88%) |
#b7cff0 |
rgb(183,207,240) |
hsl(215,65%,83%) |
#a2c1eb |
rgb(162,193,235) |
hsl(215,65%,78%) |
#8db3e7 |
rgb(141,179,231) |
hsl(215,65%,73%) |
#78a5e2 |
rgb(120,165,226) |
hsl(215,65%,68%) |
#6396de |
rgb(99,150,222) |
hsl(215,65%,63%) |
#4e88da |
rgb(78,136,218) |
hsl(215,65%,58%) |
#397ad5 |
rgb(57,122,213) |
hsl(215,65%,53%) |
#2b6dca |
rgb(43,109,202) |
hsl(215,65%,48%) |
#2662b5 |
rgb(38,98,181) |
hsl(215,65%,43%) |
#2256a0 |
rgb(34,86,160) |
hsl(215,65%,38%) |
#1d4b8b |
rgb(29,75,139) |
hsl(215,65%,33%) |
#194076 |
rgb(25,64,118) |
hsl(215,65%,28%) |
#153461 |
rgb(21,52,97) |
hsl(215,65%,23%) |
#10294c |
rgb(16,41,76) |
hsl(215,65%,18%) |
#0c1e37 |
rgb(12,30,55) |
hsl(215,65%,13%) |
#071222 |
rgb(7,18,34) |
hsl(215,65%,8%) |
#03070d |
rgb(3,7,13) |
hsl(215,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77E3D9 |
rgb(119,227,217) |
hsl(174,66%,68%) |
#77A3E2 |
rgb(119,163,226) |
hsl(215,65%,68%) |
#9278E2 |
rgb(146,120,226) |
hsl(255,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%) |
#A4C2EB |
rgb(164,194,235) |
hsl(215,64%,78%) |
#77A3E2 |
rgb(119,163,226) |
hsl(215,65%,68%) |
#4985D8 |
rgb(73,133,216) |
hsl(215,65%,57%) |
#2969C1 |
rgb(41,105,193) |
hsl(215,65%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#77A3E2 |
rgb(119,163,226) |
hsl(215,65%,68%) |
#E28077 |
rgb(226,128,119) |
hsl(5,65%,68%) |
#D8E377 |
rgb(216,227,119) |
hsl(66,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#77A3E2 |
rgb(119,163,226) |
hsl(215,65%,68%) |
#E2B577 |
rgb(226,181,119) |
hsl(35,65%,68%) |
#77D9E2 |
rgb(119,217,226) |
hsl(185,65%,68%) |
#D8E377 |
rgb(216,227,119) |
hsl(66,66%,68%) |