HEX #8778F0 color — Portage
The color #8778F0 is a light shade and moderately saturated.
Palette
8778F0 color palette from light to dark
HEX |
RGB |
HSL |
#efedfd |
rgb(239,237,253) |
hsl(248,80%,96%) |
#dbd6fa |
rgb(219,214,250) |
hsl(248,80%,91%) |
#c6bff8 |
rgb(198,191,248) |
hsl(248,80%,86%) |
#b2a8f5 |
rgb(178,168,245) |
hsl(248,80%,81%) |
#9e91f3 |
rgb(158,145,243) |
hsl(248,80%,76%) |
#8a7af0 |
rgb(138,122,240) |
hsl(248,80%,71%) |
#7563ee |
rgb(117,99,238) |
hsl(248,80%,66%) |
#614ceb |
rgb(97,76,235) |
hsl(248,80%,61%) |
#4d35e9 |
rgb(77,53,233) |
hsl(248,80%,56%) |
#391ee6 |
rgb(57,30,230) |
hsl(248,80%,51%) |
#3017d3 |
rgb(48,23,211) |
hsl(248,80%,46%) |
#2b15bc |
rgb(43,21,188) |
hsl(248,80%,41%) |
#2612a5 |
rgb(38,18,165) |
hsl(248,80%,36%) |
#21108e |
rgb(33,16,142) |
hsl(248,80%,31%) |
#1b0d77 |
rgb(27,13,119) |
hsl(248,80%,26%) |
#160b60 |
rgb(22,11,96) |
hsl(248,80%,21%) |
#110849 |
rgb(17,8,73) |
hsl(248,80%,16%) |
#0c0632 |
rgb(12,6,50) |
hsl(248,80%,11%) |
#06031c |
rgb(6,3,28) |
hsl(248,80%,6%) |
#010105 |
rgb(1,1,5) |
hsl(248,80%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#78BAF0 |
rgb(120,186,240) |
hsl(207,80%,71%) |
#8778F0 |
rgb(135,120,240) |
hsl(248,80%,71%) |
#D778F0 |
rgb(215,120,240) |
hsl(288,80%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E3E0FB |
rgb(227,224,251) |
hsl(247,77%,93%) |
#B5ABF5 |
rgb(181,171,245) |
hsl(248,79%,82%) |
#8778F0 |
rgb(135,120,240) |
hsl(248,80%,71%) |
#5845EA |
rgb(88,69,234) |
hsl(247,80%,59%) |
#301ADC |
rgb(48,26,220) |
hsl(247,79%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#8778F0 |
rgb(135,120,240) |
hsl(248,80%,71%) |
#F0C278 |
rgb(240,194,120) |
hsl(37,80%,71%) |
#A5F078 |
rgb(165,240,120) |
hsl(98,80%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8778F0 |
rgb(135,120,240) |
hsl(248,80%,71%) |
#E1F078 |
rgb(225,240,120) |
hsl(68,80%,71%) |
#78A6F0 |
rgb(120,166,240) |
hsl(217,80%,71%) |
#A5F078 |
rgb(165,240,120) |
hsl(98,80%,71%) |