HEX #778AE3 color — Portage
The color #778AE3 is a light shade and slightly desaturated.
Palette
778AE3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(229,66%,98%) |
#e1e6f9 |
rgb(225,230,249) |
hsl(229,66%,93%) |
#ccd4f5 |
rgb(204,212,245) |
hsl(229,66%,88%) |
#b7c2f0 |
rgb(183,194,240) |
hsl(229,66%,83%) |
#a2afec |
rgb(162,175,236) |
hsl(229,66%,78%) |
#8d9de8 |
rgb(141,157,232) |
hsl(229,66%,73%) |
#788be3 |
rgb(120,139,227) |
hsl(229,66%,68%) |
#6279df |
rgb(98,121,223) |
hsl(229,66%,63%) |
#4d67db |
rgb(77,103,219) |
hsl(229,66%,58%) |
#3855d6 |
rgb(56,85,214) |
hsl(229,66%,53%) |
#2a47cb |
rgb(42,71,203) |
hsl(229,66%,48%) |
#2540b6 |
rgb(37,64,182) |
hsl(229,66%,43%) |
#2138a1 |
rgb(33,56,161) |
hsl(229,66%,38%) |
#1d318c |
rgb(29,49,140) |
hsl(229,66%,33%) |
#182a77 |
rgb(24,42,119) |
hsl(229,66%,28%) |
#142261 |
rgb(20,34,97) |
hsl(229,66%,23%) |
#101b4c |
rgb(16,27,76) |
hsl(229,66%,18%) |
#0b1337 |
rgb(11,19,55) |
hsl(229,66%,13%) |
#070c22 |
rgb(7,12,34) |
hsl(229,66%,8%) |
#03040d |
rgb(3,4,13) |
hsl(229,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77D1E3 |
rgb(119,209,227) |
hsl(190,66%,68%) |
#778AE3 |
rgb(119,138,227) |
hsl(229,66%,68%) |
#AC78E3 |
rgb(172,120,227) |
hsl(269,66%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D2D9F5 |
rgb(210,217,245) |
hsl(228,64%,89%) |
#A4B3EC |
rgb(164,179,236) |
hsl(228,65%,78%) |
#778AE3 |
rgb(119,138,227) |
hsl(229,66%,68%) |
#4963D9 |
rgb(73,99,217) |
hsl(229,65%,57%) |
#2842C3 |
rgb(40,66,195) |
hsl(230,66%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#778AE3 |
rgb(119,138,227) |
hsl(229,66%,68%) |
#E39977 |
rgb(227,153,119) |
hsl(19,66%,68%) |
#C0E377 |
rgb(192,227,119) |
hsl(79,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#778AE3 |
rgb(119,138,227) |
hsl(229,66%,68%) |
#E3D177 |
rgb(227,209,119) |
hsl(50,66%,68%) |
#77BFE3 |
rgb(119,191,227) |
hsl(200,66%,68%) |
#C0E377 |
rgb(192,227,119) |
hsl(79,66%,68%) |