HEX #7697E5 color — Portage

The color #7697e5 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

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%)