HEX #778AE7 color — Portage
The color #778AE7 is a light shade and slightly desaturated.
Palette
778AE7 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,70%,99%) |
#e5e9fa |
rgb(229,233,250) |
hsl(230,70%,94%) |
#cfd6f7 |
rgb(207,214,247) |
hsl(230,70%,89%) |
#bac3f3 |
rgb(186,195,243) |
hsl(230,70%,84%) |
#a4b0ef |
rgb(164,176,239) |
hsl(230,70%,79%) |
#8e9eeb |
rgb(142,158,235) |
hsl(230,70%,74%) |
#798be7 |
rgb(121,139,231) |
hsl(230,70%,69%) |
#6378e3 |
rgb(99,120,227) |
hsl(230,70%,64%) |
#4d66e0 |
rgb(77,102,224) |
hsl(230,70%,59%) |
#3853dc |
rgb(56,83,220) |
hsl(230,70%,54%) |
#2543d4 |
rgb(37,67,212) |
hsl(230,70%,49%) |
#223cbf |
rgb(34,60,191) |
hsl(230,70%,44%) |
#1e35a9 |
rgb(30,53,169) |
hsl(230,70%,39%) |
#1a2e93 |
rgb(26,46,147) |
hsl(230,70%,34%) |
#16277e |
rgb(22,39,126) |
hsl(230,70%,29%) |
#122168 |
rgb(18,33,104) |
hsl(230,70%,24%) |
#0f1a52 |
rgb(15,26,82) |
hsl(230,70%,19%) |
#0b133d |
rgb(11,19,61) |
hsl(230,70%,14%) |
#070c27 |
rgb(7,12,39) |
hsl(230,70%,9%) |
#030511 |
rgb(3,5,17) |
hsl(230,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#77D4E7 |
rgb(119,212,231) |
hsl(190,70%,69%) |
#778AE7 |
rgb(119,138,231) |
hsl(230,70%,69%) |
#AE78E7 |
rgb(174,120,231) |
hsl(269,70%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D6DBF7 |
rgb(214,219,247) |
hsl(231,67%,90%) |
#A6B3EF |
rgb(166,179,239) |
hsl(229,70%,79%) |
#778AE7 |
rgb(119,138,231) |
hsl(230,70%,69%) |
#4761DE |
rgb(71,97,222) |
hsl(230,70%,57%) |
#2340CA |
rgb(35,64,202) |
hsl(230,70%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#778AE7 |
rgb(119,138,231) |
hsl(230,70%,69%) |
#E79C77 |
rgb(231,156,119) |
hsl(20,70%,69%) |
#C2E877 |
rgb(194,232,119) |
hsl(80,71%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#778AE7 |
rgb(119,138,231) |
hsl(230,70%,69%) |
#E7D477 |
rgb(231,212,119) |
hsl(50,70%,69%) |
#77C2E7 |
rgb(119,194,231) |
hsl(200,70%,69%) |
#C2E877 |
rgb(194,232,119) |
hsl(80,71%,69%) |