HEX #7787E4 color — Portage
The color #7787e4 is a light shade and slightly desaturated.
Palette
7787e4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fd |
rgb(246,248,253) |
hsl(231,67%,98%) |
#e1e5f9 |
rgb(225,229,249) |
hsl(231,67%,93%) |
#ccd2f5 |
rgb(204,210,245) |
hsl(231,67%,88%) |
#b7bff1 |
rgb(183,191,241) |
hsl(231,67%,83%) |
#a1adec |
rgb(161,173,236) |
hsl(231,67%,78%) |
#8c9ae8 |
rgb(140,154,232) |
hsl(231,67%,73%) |
#7787e4 |
rgb(119,135,228) |
hsl(231,67%,68%) |
#6174e0 |
rgb(97,116,224) |
hsl(231,67%,63%) |
#4c62dc |
rgb(76,98,220) |
hsl(231,67%,58%) |
#374fd7 |
rgb(55,79,215) |
hsl(231,67%,53%) |
#2841cc |
rgb(40,65,204) |
hsl(231,67%,48%) |
#243ab7 |
rgb(36,58,183) |
hsl(231,67%,43%) |
#2033a2 |
rgb(32,51,162) |
hsl(231,67%,38%) |
#1c2d8d |
rgb(28,45,141) |
hsl(231,67%,33%) |
#182677 |
rgb(24,38,119) |
hsl(231,67%,28%) |
#131f62 |
rgb(19,31,98) |
hsl(231,67%,23%) |
#0f184d |
rgb(15,24,77) |
hsl(231,67%,18%) |
#0b1237 |
rgb(11,18,55) |
hsl(231,67%,13%) |
#070b22 |
rgb(7,11,34) |
hsl(231,67%,8%) |
#03040d |
rgb(3,4,13) |
hsl(231,67%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77CFE4 |
rgb(119,207,228) |
hsl(192,67%,68%) |
#7787E4 |
rgb(119,135,228) |
hsl(231,67%,68%) |
#AF78E4 |
rgb(175,120,228) |
hsl(271,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%) |
#A5B0ED |
rgb(165,176,237) |
hsl(231,67%,79%) |
#7787E4 |
rgb(119,135,228) |
hsl(231,67%,68%) |
#485EDA |
rgb(72,94,218) |
hsl(231,66%,57%) |
#273DC4 |
rgb(39,61,196) |
hsl(232,67%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7787E4 |
rgb(119,135,228) |
hsl(231,67%,68%) |
#E49E77 |
rgb(228,158,119) |
hsl(21,67%,68%) |
#BDE377 |
rgb(189,227,119) |
hsl(81,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7787E4 |
rgb(119,135,228) |
hsl(231,67%,68%) |
#E4D477 |
rgb(228,212,119) |
hsl(51,67%,68%) |
#77BDE4 |
rgb(119,189,228) |
hsl(201,67%,68%) |
#BDE377 |
rgb(189,227,119) |
hsl(81,66%,68%) |