HEX #788CE7 color — Portage
The color #788CE7 is a light shade and slightly desaturated.
Palette
788CE7 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(229,70%,99%) |
#e5e9fa |
rgb(229,233,250) |
hsl(229,70%,94%) |
#cfd7f7 |
rgb(207,215,247) |
hsl(229,70%,89%) |
#bac4f3 |
rgb(186,196,243) |
hsl(229,70%,84%) |
#a4b2ef |
rgb(164,178,239) |
hsl(229,70%,79%) |
#8e9feb |
rgb(142,159,235) |
hsl(229,70%,74%) |
#798de7 |
rgb(121,141,231) |
hsl(229,70%,69%) |
#637be3 |
rgb(99,123,227) |
hsl(229,70%,64%) |
#4d68e0 |
rgb(77,104,224) |
hsl(229,70%,59%) |
#3856dc |
rgb(56,86,220) |
hsl(229,70%,54%) |
#2546d4 |
rgb(37,70,212) |
hsl(229,70%,49%) |
#223ebf |
rgb(34,62,191) |
hsl(229,70%,44%) |
#1e37a9 |
rgb(30,55,169) |
hsl(229,70%,39%) |
#1a3093 |
rgb(26,48,147) |
hsl(229,70%,34%) |
#16297e |
rgb(22,41,126) |
hsl(229,70%,29%) |
#122268 |
rgb(18,34,104) |
hsl(229,70%,24%) |
#0f1b52 |
rgb(15,27,82) |
hsl(229,70%,19%) |
#0b143d |
rgb(11,20,61) |
hsl(229,70%,14%) |
#070d27 |
rgb(7,13,39) |
hsl(229,70%,9%) |
#030611 |
rgb(3,6,17) |
hsl(229,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#78D6E7 |
rgb(120,214,231) |
hsl(189,70%,69%) |
#788CE7 |
rgb(120,140,231) |
hsl(229,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%) |
#D7DEF7 |
rgb(215,222,247) |
hsl(227,67%,91%) |
#A7B5EF |
rgb(167,181,239) |
hsl(228,69%,80%) |
#788CE7 |
rgb(120,140,231) |
hsl(229,70%,69%) |
#4863DE |
rgb(72,99,222) |
hsl(229,69%,58%) |
#2442CA |
rgb(36,66,202) |
hsl(229,70%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#788CE7 |
rgb(120,140,231) |
hsl(229,70%,69%) |
#E79C78 |
rgb(231,156,120) |
hsl(19,70%,69%) |
#C3E878 |
rgb(195,232,120) |
hsl(80,71%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#788CE7 |
rgb(120,140,231) |
hsl(229,70%,69%) |
#E7D478 |
rgb(231,212,120) |
hsl(50,70%,69%) |
#78C4E7 |
rgb(120,196,231) |
hsl(199,70%,69%) |
#C3E878 |
rgb(195,232,120) |
hsl(80,71%,69%) |