HEX #779BE4 color — Portage
The color #779be4 is a light shade and slightly desaturated.
Palette
779be4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fd |
rgb(246,249,253) |
hsl(220,67%,98%) |
#e1e9f9 |
rgb(225,233,249) |
hsl(220,67%,93%) |
#ccdaf5 |
rgb(204,218,245) |
hsl(220,67%,88%) |
#b7caf1 |
rgb(183,202,241) |
hsl(220,67%,83%) |
#a1baec |
rgb(161,186,236) |
hsl(220,67%,78%) |
#8cabe8 |
rgb(140,171,232) |
hsl(220,67%,73%) |
#779be4 |
rgb(119,155,228) |
hsl(220,67%,68%) |
#618ce0 |
rgb(97,140,224) |
hsl(220,67%,63%) |
#4c7cdc |
rgb(76,124,220) |
hsl(220,67%,58%) |
#376cd7 |
rgb(55,108,215) |
hsl(220,67%,53%) |
#285fcc |
rgb(40,95,204) |
hsl(220,67%,48%) |
#2455b7 |
rgb(36,85,183) |
hsl(220,67%,43%) |
#204ba2 |
rgb(32,75,162) |
hsl(220,67%,38%) |
#1c418d |
rgb(28,65,141) |
hsl(220,67%,33%) |
#183777 |
rgb(24,55,119) |
hsl(220,67%,28%) |
#132e62 |
rgb(19,46,98) |
hsl(220,67%,23%) |
#0f244d |
rgb(15,36,77) |
hsl(220,67%,18%) |
#0b1a37 |
rgb(11,26,55) |
hsl(220,67%,13%) |
#071022 |
rgb(7,16,34) |
hsl(220,67%,8%) |
#03060d |
rgb(3,6,13) |
hsl(220,67%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77E3E4 |
rgb(119,227,228) |
hsl(181,67%,68%) |
#779BE4 |
rgb(119,155,228) |
hsl(220,67%,68%) |
#9B78E4 |
rgb(155,120,228) |
hsl(259,67%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D3DEF6 |
rgb(211,222,246) |
hsl(221,66%,90%) |
#A5BDED |
rgb(165,189,237) |
hsl(220,67%,79%) |
#779BE4 |
rgb(119,155,228) |
hsl(220,67%,68%) |
#4878DA |
rgb(72,120,218) |
hsl(220,66%,57%) |
#275CC4 |
rgb(39,92,196) |
hsl(220,67%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#779BE4 |
rgb(119,155,228) |
hsl(220,67%,68%) |
#E48A77 |
rgb(228,138,119) |
hsl(10,67%,68%) |
#D1E377 |
rgb(209,227,119) |
hsl(70,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#779BE4 |
rgb(119,155,228) |
hsl(220,67%,68%) |
#E4BF77 |
rgb(228,191,119) |
hsl(40,67%,68%) |
#77D1E4 |
rgb(119,209,228) |
hsl(190,67%,68%) |
#D1E377 |
rgb(209,227,119) |
hsl(70,66%,68%) |