HEX #7697E5 color — Portage
The color #7697E5 is a light shade and slightly desaturated.
Palette
7697E5 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fd |
rgb(246,249,253) |
hsl(222,68%,98%) |
#e1e8f9 |
rgb(225,232,249) |
hsl(222,68%,93%) |
#ccd8f5 |
rgb(204,216,245) |
hsl(222,68%,88%) |
#b6c8f1 |
rgb(182,200,241) |
hsl(222,68%,83%) |
#a1b8ed |
rgb(161,184,237) |
hsl(222,68%,78%) |
#8ba7e9 |
rgb(139,167,233) |
hsl(222,68%,73%) |
#7697e5 |
rgb(118,151,229) |
hsl(222,68%,68%) |
#6087e1 |
rgb(96,135,225) |
hsl(222,68%,63%) |
#4b77dd |
rgb(75,119,221) |
hsl(222,68%,58%) |
#3667d9 |
rgb(54,103,217) |
hsl(222,68%,53%) |
#2759ce |
rgb(39,89,206) |
hsl(222,68%,48%) |
#2350b8 |
rgb(35,80,184) |
hsl(222,68%,43%) |
#1f47a3 |
rgb(31,71,163) |
hsl(222,68%,38%) |
#1b3d8d |
rgb(27,61,141) |
hsl(222,68%,33%) |
#173478 |
rgb(23,52,120) |
hsl(222,68%,28%) |
#132b63 |
rgb(19,43,99) |
hsl(222,68%,23%) |
#0f214d |
rgb(15,33,77) |
hsl(222,68%,18%) |
#0b1838 |
rgb(11,24,56) |
hsl(222,68%,13%) |
#070f22 |
rgb(7,15,34) |
hsl(222,68%,8%) |
#02060d |
rgb(2,6,13) |
hsl(222,68%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#76E0E5 |
rgb(118,224,229) |
hsl(183,68%,68%) |
#7697E5 |
rgb(118,151,229) |
hsl(222,68%,68%) |
#9F75E5 |
rgb(159,117,229) |
hsl(263,68%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D3DEF6 |
rgb(211,222,246) |
hsl(221,66%,90%) |
#A4BAED |
rgb(164,186,237) |
hsl(222,67%,79%) |
#7697E5 |
rgb(118,151,229) |
hsl(222,68%,68%) |
#4773DC |
rgb(71,115,220) |
hsl(222,68%,57%) |
#2554C6 |
rgb(37,84,198) |
hsl(222,69%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7697E5 |
rgb(118,151,229) |
hsl(222,68%,68%) |
#E58C76 |
rgb(229,140,118) |
hsl(12,68%,68%) |
#CEE676 |
rgb(206,230,118) |
hsl(73,69%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7697E5 |
rgb(118,151,229) |
hsl(222,68%,68%) |
#E5C476 |
rgb(229,196,118) |
hsl(42,68%,68%) |
#76CFE5 |
rgb(118,207,229) |
hsl(192,68%,68%) |
#CEE676 |
rgb(206,230,118) |
hsl(73,69%,68%) |