HEX #7685E6 color — Portage
The color #7685E6 is a light shade and slightly desaturated.
Palette
7685E6 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fd |
rgb(246,247,253) |
hsl(232,69%,98%) |
#e1e4f9 |
rgb(225,228,249) |
hsl(232,69%,93%) |
#cbd1f6 |
rgb(203,209,246) |
hsl(232,69%,88%) |
#b6bef2 |
rgb(182,190,242) |
hsl(232,69%,83%) |
#a0abee |
rgb(160,171,238) |
hsl(232,69%,78%) |
#8b97ea |
rgb(139,151,234) |
hsl(232,69%,73%) |
#7584e6 |
rgb(117,132,230) |
hsl(232,69%,68%) |
#6071e2 |
rgb(96,113,226) |
hsl(232,69%,63%) |
#4a5ede |
rgb(74,94,222) |
hsl(232,69%,58%) |
#344bda |
rgb(52,75,218) |
hsl(232,69%,53%) |
#263ccf |
rgb(38,60,207) |
hsl(232,69%,48%) |
#2236b9 |
rgb(34,54,185) |
hsl(232,69%,43%) |
#1e30a4 |
rgb(30,48,164) |
hsl(232,69%,38%) |
#1a2a8e |
rgb(26,42,142) |
hsl(232,69%,33%) |
#162379 |
rgb(22,35,121) |
hsl(232,69%,28%) |
#121d63 |
rgb(18,29,99) |
hsl(232,69%,23%) |
#0e174e |
rgb(14,23,78) |
hsl(232,69%,18%) |
#0a1038 |
rgb(10,16,56) |
hsl(232,69%,13%) |
#060a22 |
rgb(6,10,34) |
hsl(232,69%,8%) |
#02040d |
rgb(2,4,13) |
hsl(232,69%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#76CFE6 |
rgb(118,207,230) |
hsl(192,69%,68%) |
#7685E6 |
rgb(118,133,230) |
hsl(232,69%,68%) |
#B175E6 |
rgb(177,117,230) |
hsl(272,69%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D4D9F7 |
rgb(212,217,247) |
hsl(231,69%,90%) |
#A5B0EE |
rgb(165,176,238) |
hsl(231,68%,79%) |
#7685E6 |
rgb(118,133,230) |
hsl(232,69%,68%) |
#465CDD |
rgb(70,92,221) |
hsl(231,69%,57%) |
#243BC8 |
rgb(36,59,200) |
hsl(232,69%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7685E6 |
rgb(118,133,230) |
hsl(232,69%,68%) |
#E69E76 |
rgb(230,158,118) |
hsl(21,69%,68%) |
#BDE676 |
rgb(189,230,118) |
hsl(82,69%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7685E6 |
rgb(118,133,230) |
hsl(232,69%,68%) |
#E6D676 |
rgb(230,214,118) |
hsl(51,69%,68%) |
#76BDE6 |
rgb(118,189,230) |
hsl(202,69%,68%) |
#BDE676 |
rgb(189,230,118) |
hsl(82,69%,68%) |