HEX #7696E3 color — Portage
The color #7696E3 is a light shade and slightly desaturated.
Palette
7696E3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,66%,98%) |
#e1e8f9 |
rgb(225,232,249) |
hsl(222,66%,93%) |
#ccd8f5 |
rgb(204,216,245) |
hsl(222,66%,88%) |
#b7c8f0 |
rgb(183,200,240) |
hsl(222,66%,83%) |
#a2b8ec |
rgb(162,184,236) |
hsl(222,66%,78%) |
#8da8e8 |
rgb(141,168,232) |
hsl(222,66%,73%) |
#7898e3 |
rgb(120,152,227) |
hsl(222,66%,68%) |
#6288df |
rgb(98,136,223) |
hsl(222,66%,63%) |
#4d78db |
rgb(77,120,219) |
hsl(222,66%,58%) |
#3868d6 |
rgb(56,104,214) |
hsl(222,66%,53%) |
#2a5acb |
rgb(42,90,203) |
hsl(222,66%,48%) |
#2551b6 |
rgb(37,81,182) |
hsl(222,66%,43%) |
#2147a1 |
rgb(33,71,161) |
hsl(222,66%,38%) |
#1d3e8c |
rgb(29,62,140) |
hsl(222,66%,33%) |
#183577 |
rgb(24,53,119) |
hsl(222,66%,28%) |
#142b61 |
rgb(20,43,97) |
hsl(222,66%,23%) |
#10224c |
rgb(16,34,76) |
hsl(222,66%,18%) |
#0b1837 |
rgb(11,24,55) |
hsl(222,66%,13%) |
#070f22 |
rgb(7,15,34) |
hsl(222,66%,8%) |
#03060d |
rgb(3,6,13) |
hsl(222,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#76DEE3 |
rgb(118,222,227) |
hsl(183,66%,68%) |
#7696E3 |
rgb(118,150,227) |
hsl(222,66%,68%) |
#9E75E3 |
rgb(158,117,227) |
hsl(262,66%,67%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D1DBF5 |
rgb(209,219,245) |
hsl(223,64%,89%) |
#A3BAEC |
rgb(163,186,236) |
hsl(221,66%,78%) |
#7696E3 |
rgb(118,150,227) |
hsl(222,66%,68%) |
#4873D9 |
rgb(72,115,217) |
hsl(222,66%,57%) |
#2754C2 |
rgb(39,84,194) |
hsl(223,67%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7696E3 |
rgb(118,150,227) |
hsl(222,66%,68%) |
#E38C76 |
rgb(227,140,118) |
hsl(12,66%,68%) |
#CCE376 |
rgb(204,227,118) |
hsl(73,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7696E3 |
rgb(118,150,227) |
hsl(222,66%,68%) |
#E3C276 |
rgb(227,194,118) |
hsl(42,66%,68%) |
#76CCE3 |
rgb(118,204,227) |
hsl(193,66%,68%) |
#CCE376 |
rgb(204,227,118) |
hsl(73,66%,68%) |