HEX #7699E7 color — Portage
The color #7699E7 is a light shade and slightly desaturated.
Palette
7699E7 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fd |
rgb(246,249,253) |
hsl(221,70%,98%) |
#e1e9fa |
rgb(225,233,250) |
hsl(221,70%,93%) |
#cbd9f6 |
rgb(203,217,246) |
hsl(221,70%,88%) |
#b5c9f2 |
rgb(181,201,242) |
hsl(221,70%,83%) |
#a0b9ee |
rgb(160,185,238) |
hsl(221,70%,78%) |
#8aa8ea |
rgb(138,168,234) |
hsl(221,70%,73%) |
#7498e7 |
rgb(116,152,231) |
hsl(221,70%,68%) |
#5f88e3 |
rgb(95,136,227) |
hsl(221,70%,63%) |
#4978df |
rgb(73,120,223) |
hsl(221,70%,58%) |
#3368db |
rgb(51,104,219) |
hsl(221,70%,53%) |
#255bd0 |
rgb(37,91,208) |
hsl(221,70%,48%) |
#2152ba |
rgb(33,82,186) |
hsl(221,70%,43%) |
#1d48a5 |
rgb(29,72,165) |
hsl(221,70%,38%) |
#193f8f |
rgb(25,63,143) |
hsl(221,70%,33%) |
#153579 |
rgb(21,53,121) |
hsl(221,70%,28%) |
#122c64 |
rgb(18,44,100) |
hsl(221,70%,23%) |
#0e224e |
rgb(14,34,78) |
hsl(221,70%,18%) |
#0a1938 |
rgb(10,25,56) |
hsl(221,70%,13%) |
#060f23 |
rgb(6,15,35) |
hsl(221,70%,8%) |
#02060d |
rgb(2,6,13) |
hsl(221,70%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#76E6E7 |
rgb(118,230,231) |
hsl(181,70%,68%) |
#7699E7 |
rgb(118,153,231) |
hsl(221,70%,68%) |
#9E75E7 |
rgb(158,117,231) |
hsl(262,70%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D5E0F7 |
rgb(213,224,247) |
hsl(221,68%,90%) |
#A5BDEF |
rgb(165,189,239) |
hsl(221,70%,79%) |
#7699E7 |
rgb(118,153,231) |
hsl(221,70%,68%) |
#4675DE |
rgb(70,117,222) |
hsl(221,70%,57%) |
#2357C9 |
rgb(35,87,201) |
hsl(221,70%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7699E7 |
rgb(118,153,231) |
hsl(221,70%,68%) |
#E78C76 |
rgb(231,140,118) |
hsl(12,70%,68%) |
#D1E876 |
rgb(209,232,118) |
hsl(72,71%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7699E7 |
rgb(118,153,231) |
hsl(221,70%,68%) |
#E7C476 |
rgb(231,196,118) |
hsl(41,70%,68%) |
#76D1E7 |
rgb(118,209,231) |
hsl(192,70%,68%) |
#D1E876 |
rgb(209,232,118) |
hsl(72,71%,69%) |