HEX #778BE4 color — Portage
The color #778BE4 is a light shade and slightly desaturated.
Palette
778BE4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fd |
rgb(246,248,253) |
hsl(229,67%,98%) |
#e1e6f9 |
rgb(225,230,249) |
hsl(229,67%,93%) |
#ccd3f5 |
rgb(204,211,245) |
hsl(229,67%,88%) |
#b7c1f1 |
rgb(183,193,241) |
hsl(229,67%,83%) |
#a1afec |
rgb(161,175,236) |
hsl(229,67%,78%) |
#8c9de8 |
rgb(140,157,232) |
hsl(229,67%,73%) |
#778be4 |
rgb(119,139,228) |
hsl(229,67%,68%) |
#6179e0 |
rgb(97,121,224) |
hsl(229,67%,63%) |
#4c66dc |
rgb(76,102,220) |
hsl(229,67%,58%) |
#3754d7 |
rgb(55,84,215) |
hsl(229,67%,53%) |
#2846cc |
rgb(40,70,204) |
hsl(229,67%,48%) |
#243fb7 |
rgb(36,63,183) |
hsl(229,67%,43%) |
#2038a2 |
rgb(32,56,162) |
hsl(229,67%,38%) |
#1c308d |
rgb(28,48,141) |
hsl(229,67%,33%) |
#182977 |
rgb(24,41,119) |
hsl(229,67%,28%) |
#132262 |
rgb(19,34,98) |
hsl(229,67%,23%) |
#0f1a4d |
rgb(15,26,77) |
hsl(229,67%,18%) |
#0b1337 |
rgb(11,19,55) |
hsl(229,67%,13%) |
#070c22 |
rgb(7,12,34) |
hsl(229,67%,8%) |
#03040d |
rgb(3,4,13) |
hsl(229,67%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77D4E4 |
rgb(119,212,228) |
hsl(189,67%,68%) |
#778BE4 |
rgb(119,139,228) |
hsl(229,67%,68%) |
#AB78E4 |
rgb(171,120,228) |
hsl(268,67%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D3D9F6 |
rgb(211,217,246) |
hsl(230,66%,90%) |
#A5B3ED |
rgb(165,179,237) |
hsl(228,67%,79%) |
#778BE4 |
rgb(119,139,228) |
hsl(229,67%,68%) |
#4863DA |
rgb(72,99,218) |
hsl(229,66%,57%) |
#2745C4 |
rgb(39,69,196) |
hsl(229,67%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#778BE4 |
rgb(119,139,228) |
hsl(229,67%,68%) |
#E49977 |
rgb(228,153,119) |
hsl(19,67%,68%) |
#C1E377 |
rgb(193,227,119) |
hsl(79,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#778BE4 |
rgb(119,139,228) |
hsl(229,67%,68%) |
#E4D177 |
rgb(228,209,119) |
hsl(50,67%,68%) |
#77C2E4 |
rgb(119,194,228) |
hsl(199,67%,68%) |
#C1E377 |
rgb(193,227,119) |
hsl(79,66%,68%) |