HEX #7AA8E2 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7AA8E2 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(213,64%,98%)
#e2ecf9 rgb(226,236,249) hsl(213,64%,93%)
#cddef4 rgb(205,222,244) hsl(213,64%,88%)
#b8d1ef rgb(184,209,239) hsl(213,64%,83%)
#a3c3eb rgb(163,195,235) hsl(213,64%,78%)
#8eb6e6 rgb(142,182,230) hsl(213,64%,73%)
#79a8e2 rgb(121,168,226) hsl(213,64%,68%)
#649bdd rgb(100,155,221) hsl(213,64%,63%)
#4f8dd8 rgb(79,141,216) hsl(213,64%,58%)
#3a7fd4 rgb(58,127,212) hsl(213,64%,53%)
#2c73c9 rgb(44,115,201) hsl(213,64%,48%)
#2767b4 rgb(39,103,180) hsl(213,64%,43%)
#235b9f rgb(35,91,159) hsl(213,64%,38%)
#1e4f8a rgb(30,79,138) hsl(213,64%,33%)
#1a4375 rgb(26,67,117) hsl(213,64%,28%)
#153760 rgb(21,55,96) hsl(213,64%,23%)
#112b4b rgb(17,43,75) hsl(213,64%,18%)
#0c1f36 rgb(12,31,54) hsl(213,64%,13%)
#071321 rgb(7,19,33) hsl(213,64%,8%)
#03070d rgb(3,7,13) hsl(213,64%,3%)

Adjacent colors

HEX RGB HSL
#7AE3D6 rgb(122,227,214) hsl(173,65%,68%)
#7AA8E2 rgb(122,168,226) hsl(213,64%,68%)
#917AE2 rgb(145,122,226) hsl(253,64%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D5E3F5 rgb(213,227,245) hsl(214,62%,90%)
#A7C7EB rgb(167,199,235) hsl(212,63%,79%)
#7AA8E2 rgb(122,168,226) hsl(213,64%,68%)
#4C8AD8 rgb(76,138,216) hsl(213,64%,57%)
#2A6EC2 rgb(42,110,194) hsl(213,64%,46%)

Triad color palettes

HEX RGB HSL
#7AA8E2 rgb(122,168,226) hsl(213,64%,68%)
#E2807A rgb(226,128,122) hsl(3,64%,68%)
#DCE37A rgb(220,227,122) hsl(64,65%,68%)

Tetrad color palettes

HEX RGB HSL
#7AA8E2 rgb(122,168,226) hsl(213,64%,68%)
#E2B57A rgb(226,181,122) hsl(34,64%,68%)
#7ADBE2 rgb(122,219,226) hsl(184,64%,68%)
#DCE37A rgb(220,227,122) hsl(64,65%,68%)