HEX #778FE3 color — Portage
The color #778FE3 is a light shade and slightly desaturated.
Palette
778FE3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,66%,98%) |
#e1e6f9 |
rgb(225,230,249) |
hsl(227,66%,93%) |
#ccd5f5 |
rgb(204,213,245) |
hsl(227,66%,88%) |
#b7c3f0 |
rgb(183,195,240) |
hsl(227,66%,83%) |
#a2b2ec |
rgb(162,178,236) |
hsl(227,66%,78%) |
#8da0e8 |
rgb(141,160,232) |
hsl(227,66%,73%) |
#788fe3 |
rgb(120,143,227) |
hsl(227,66%,68%) |
#627ddf |
rgb(98,125,223) |
hsl(227,66%,63%) |
#4d6cdb |
rgb(77,108,219) |
hsl(227,66%,58%) |
#385ad6 |
rgb(56,90,214) |
hsl(227,66%,53%) |
#2a4dcb |
rgb(42,77,203) |
hsl(227,66%,48%) |
#2545b6 |
rgb(37,69,182) |
hsl(227,66%,43%) |
#213da1 |
rgb(33,61,161) |
hsl(227,66%,38%) |
#1d358c |
rgb(29,53,140) |
hsl(227,66%,33%) |
#182d77 |
rgb(24,45,119) |
hsl(227,66%,28%) |
#142561 |
rgb(20,37,97) |
hsl(227,66%,23%) |
#101d4c |
rgb(16,29,76) |
hsl(227,66%,18%) |
#0b1537 |
rgb(11,21,55) |
hsl(227,66%,13%) |
#070d22 |
rgb(7,13,34) |
hsl(227,66%,8%) |
#03050d |
rgb(3,5,13) |
hsl(227,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77D6E3 |
rgb(119,214,227) |
hsl(187,66%,68%) |
#778FE3 |
rgb(119,143,227) |
hsl(227,66%,68%) |
#A778E3 |
rgb(167,120,227) |
hsl(266,66%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D2DBF5 |
rgb(210,219,245) |
hsl(225,64%,89%) |
#A4B5EC |
rgb(164,181,236) |
hsl(226,65%,78%) |
#778FE3 |
rgb(119,143,227) |
hsl(227,66%,68%) |
#4969D9 |
rgb(73,105,217) |
hsl(227,65%,57%) |
#284AC3 |
rgb(40,74,195) |
hsl(227,66%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#778FE3 |
rgb(119,143,227) |
hsl(227,66%,68%) |
#E39477 |
rgb(227,148,119) |
hsl(16,66%,68%) |
#C5E377 |
rgb(197,227,119) |
hsl(77,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#778FE3 |
rgb(119,143,227) |
hsl(227,66%,68%) |
#E3CC77 |
rgb(227,204,119) |
hsl(47,66%,68%) |
#77C4E3 |
rgb(119,196,227) |
hsl(197,66%,68%) |
#C5E377 |
rgb(197,227,119) |
hsl(77,66%,68%) |