HEX #7780E6 color — Portage
The color #7780E6 is a light shade and slightly desaturated.
Palette
7780E6 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fd |
rgb(246,247,253) |
hsl(235,69%,98%) |
#e1e3f9 |
rgb(225,227,249) |
hsl(235,69%,93%) |
#cbcff6 |
rgb(203,207,246) |
hsl(235,69%,88%) |
#b6bbf2 |
rgb(182,187,242) |
hsl(235,69%,83%) |
#a0a7ee |
rgb(160,167,238) |
hsl(235,69%,78%) |
#8b93ea |
rgb(139,147,234) |
hsl(235,69%,73%) |
#757ee6 |
rgb(117,126,230) |
hsl(235,69%,68%) |
#606ae2 |
rgb(96,106,226) |
hsl(235,69%,63%) |
#4a56de |
rgb(74,86,222) |
hsl(235,69%,58%) |
#3442da |
rgb(52,66,218) |
hsl(235,69%,53%) |
#2634cf |
rgb(38,52,207) |
hsl(235,69%,48%) |
#222fb9 |
rgb(34,47,185) |
hsl(235,69%,43%) |
#1e29a4 |
rgb(30,41,164) |
hsl(235,69%,38%) |
#1a248e |
rgb(26,36,142) |
hsl(235,69%,33%) |
#161e79 |
rgb(22,30,121) |
hsl(235,69%,28%) |
#121963 |
rgb(18,25,99) |
hsl(235,69%,23%) |
#0e144e |
rgb(14,20,78) |
hsl(235,69%,18%) |
#0a0e38 |
rgb(10,14,56) |
hsl(235,69%,13%) |
#060922 |
rgb(6,9,34) |
hsl(235,69%,8%) |
#02030d |
rgb(2,3,13) |
hsl(235,69%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77C9E6 |
rgb(119,201,230) |
hsl(196,69%,68%) |
#7780E6 |
rgb(119,128,230) |
hsl(235,69%,68%) |
#B878E6 |
rgb(184,120,230) |
hsl(275,69%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D5D9F7 |
rgb(213,217,247) |
hsl(233,68%,90%) |
#A6ABEE |
rgb(166,171,238) |
hsl(236,68%,79%) |
#7780E6 |
rgb(119,128,230) |
hsl(235,69%,68%) |
#4754DD |
rgb(71,84,221) |
hsl(235,69%,57%) |
#2433C8 |
rgb(36,51,200) |
hsl(235,69%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7780E6 |
rgb(119,128,230) |
hsl(235,69%,68%) |
#E6A677 |
rgb(230,166,119) |
hsl(25,69%,68%) |
#B7E677 |
rgb(183,230,119) |
hsl(85,69%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7780E6 |
rgb(119,128,230) |
hsl(235,69%,68%) |
#E6DE77 |
rgb(230,222,119) |
hsl(56,69%,68%) |
#77B8E6 |
rgb(119,184,230) |
hsl(205,69%,68%) |
#B7E677 |
rgb(183,230,119) |
hsl(85,69%,68%) |