HEX #7685E7 color — Portage

The color #7685E7 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

7685E7 color palette from light to dark

HEX RGB HSL
#f6f7fd rgb(246,247,253) hsl(232,70%,98%)
#e1e4fa rgb(225,228,250) hsl(232,70%,93%)
#cbd1f6 rgb(203,209,246) hsl(232,70%,88%)
#b5bdf2 rgb(181,189,242) hsl(232,70%,83%)
#a0aaee rgb(160,170,238) hsl(232,70%,78%)
#8a97ea rgb(138,151,234) hsl(232,70%,73%)
#7484e7 rgb(116,132,231) hsl(232,70%,68%)
#5f70e3 rgb(95,112,227) hsl(232,70%,63%)
#495ddf rgb(73,93,223) hsl(232,70%,58%)
#334adb rgb(51,74,219) hsl(232,70%,53%)
#253cd0 rgb(37,60,208) hsl(232,70%,48%)
#2135ba rgb(33,53,186) hsl(232,70%,43%)
#1d2fa5 rgb(29,47,165) hsl(232,70%,38%)
#19298f rgb(25,41,143) hsl(232,70%,33%)
#152379 rgb(21,35,121) hsl(232,70%,28%)
#121d64 rgb(18,29,100) hsl(232,70%,23%)
#0e164e rgb(14,22,78) hsl(232,70%,18%)
#0a1038 rgb(10,16,56) hsl(232,70%,13%)
#060a23 rgb(6,10,35) hsl(232,70%,8%)
#02040d rgb(2,4,13) hsl(232,70%,3%)

Adjacent colors

HEX RGB HSL
#76D1E7 rgb(118,209,231) hsl(192,70%,68%)
#7685E7 rgb(118,133,231) hsl(232,70%,68%)
#B275E7 rgb(178,117,231) hsl(272,70%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D5D9F7 rgb(213,217,247) hsl(233,68%,90%)
#A5B0EF rgb(165,176,239) hsl(231,70%,79%)
#7685E7 rgb(118,133,231) hsl(232,70%,68%)
#465CDE rgb(70,92,222) hsl(231,70%,57%)
#233BC9 rgb(35,59,201) hsl(231,70%,46%)

Triad color palettes

HEX RGB HSL
#7685E7 rgb(118,133,231) hsl(232,70%,68%)
#E7A176 rgb(231,161,118) hsl(23,70%,68%)
#BDE876 rgb(189,232,118) hsl(83,71%,69%)

Tetrad color palettes

HEX RGB HSL
#7685E7 rgb(118,133,231) hsl(232,70%,68%)
#E7D976 rgb(231,217,118) hsl(53,70%,68%)
#76BDE7 rgb(118,189,231) hsl(202,70%,68%)
#BDE876 rgb(189,232,118) hsl(83,71%,69%)