HEX #7DA3E2 color — Portage

The color #7DA3E2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

7DA3E2 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(217,64%,99%)
#e6edf9 rgb(230,237,249) hsl(217,64%,94%)
#d1dff5 rgb(209,223,245) hsl(217,64%,89%)
#bcd0f0 rgb(188,208,240) hsl(217,64%,84%)
#a7c1ec rgb(167,193,236) hsl(217,64%,79%)
#92b3e7 rgb(146,179,231) hsl(217,64%,74%)
#7da4e3 rgb(125,164,227) hsl(217,64%,69%)
#6895de rgb(104,149,222) hsl(217,64%,64%)
#5487d9 rgb(84,135,217) hsl(217,64%,59%)
#3f78d5 rgb(63,120,213) hsl(217,64%,54%)
#2d6acd rgb(45,106,205) hsl(217,64%,49%)
#285fb8 rgb(40,95,184) hsl(217,64%,44%)
#2455a3 rgb(36,85,163) hsl(217,64%,39%)
#1f4a8e rgb(31,74,142) hsl(217,64%,34%)
#1b3f79 rgb(27,63,121) hsl(217,64%,29%)
#163464 rgb(22,52,100) hsl(217,64%,24%)
#11294f rgb(17,41,79) hsl(217,64%,19%)
#0d1e3b rgb(13,30,59) hsl(217,64%,14%)
#081426 rgb(8,20,38) hsl(217,64%,9%)
#040911 rgb(4,9,17) hsl(217,64%,4%)

Adjacent colors

HEX RGB HSL
#7DE3DD rgb(125,227,221) hsl(176,65%,69%)
#7DA3E2 rgb(125,163,226) hsl(217,64%,69%)
#9A7DE2 rgb(154,125,226) hsl(257,64%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D8E3F6 rgb(216,227,246) hsl(218,63%,91%)
#AAC4EC rgb(170,196,236) hsl(216,63%,80%)
#7DA3E2 rgb(125,163,226) hsl(217,64%,69%)
#4F82D7 rgb(79,130,215) hsl(218,63%,58%)
#2B63C3 rgb(43,99,195) hsl(218,64%,47%)

Triad color palettes

HEX RGB HSL
#7DA3E2 rgb(125,163,226) hsl(217,64%,69%)
#E28A7D rgb(226,138,125) hsl(8,64%,69%)
#D5E37D rgb(213,227,125) hsl(68,65%,69%)

Tetrad color palettes

HEX RGB HSL
#7DA3E2 rgb(125,163,226) hsl(217,64%,69%)
#E2BD7D rgb(226,189,125) hsl(38,64%,69%)
#7DD6E2 rgb(125,214,226) hsl(187,64%,69%)
#D5E37D rgb(213,227,125) hsl(68,65%,69%)