HEX #7787E6 color — Portage
The color #7787E6 is a light shade and slightly desaturated.
Palette
7787E6 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fd |
rgb(246,247,253) |
hsl(231,69%,98%) |
#e1e5f9 |
rgb(225,229,249) |
hsl(231,69%,93%) |
#cbd2f6 |
rgb(203,210,246) |
hsl(231,69%,88%) |
#b6bff2 |
rgb(182,191,242) |
hsl(231,69%,83%) |
#a0acee |
rgb(160,172,238) |
hsl(231,69%,78%) |
#8b99ea |
rgb(139,153,234) |
hsl(231,69%,73%) |
#7586e6 |
rgb(117,134,230) |
hsl(231,69%,68%) |
#6073e2 |
rgb(96,115,226) |
hsl(231,69%,63%) |
#4a60de |
rgb(74,96,222) |
hsl(231,69%,58%) |
#344dda |
rgb(52,77,218) |
hsl(231,69%,53%) |
#263fcf |
rgb(38,63,207) |
hsl(231,69%,48%) |
#2239b9 |
rgb(34,57,185) |
hsl(231,69%,43%) |
#1e32a4 |
rgb(30,50,164) |
hsl(231,69%,38%) |
#1a2c8e |
rgb(26,44,142) |
hsl(231,69%,33%) |
#162579 |
rgb(22,37,121) |
hsl(231,69%,28%) |
#121e63 |
rgb(18,30,99) |
hsl(231,69%,23%) |
#0e184e |
rgb(14,24,78) |
hsl(231,69%,18%) |
#0a1138 |
rgb(10,17,56) |
hsl(231,69%,13%) |
#060b22 |
rgb(6,11,34) |
hsl(231,69%,8%) |
#02040d |
rgb(2,4,13) |
hsl(231,69%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#77D1E6 |
rgb(119,209,230) |
hsl(191,69%,68%) |
#7787E6 |
rgb(119,135,230) |
hsl(231,69%,68%) |
#B178E6 |
rgb(177,120,230) |
hsl(271,69%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D5DBF7 |
rgb(213,219,247) |
hsl(229,68%,90%) |
#A6B0EE |
rgb(166,176,238) |
hsl(232,68%,79%) |
#7787E6 |
rgb(119,135,230) |
hsl(231,69%,68%) |
#475EDD |
rgb(71,94,221) |
hsl(231,69%,57%) |
#243DC8 |
rgb(36,61,200) |
hsl(231,69%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7787E6 |
rgb(119,135,230) |
hsl(231,69%,68%) |
#E69E77 |
rgb(230,158,119) |
hsl(21,69%,68%) |
#BEE677 |
rgb(190,230,119) |
hsl(82,69%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7787E6 |
rgb(119,135,230) |
hsl(231,69%,68%) |
#E6D677 |
rgb(230,214,119) |
hsl(51,69%,68%) |
#77BFE6 |
rgb(119,191,230) |
hsl(201,69%,68%) |
#BEE677 |
rgb(190,230,119) |
hsl(82,69%,68%) |