HEX #7AA3E6 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7aa3e6 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(217,68%,99%)
#e5edfa rgb(229,237,250) hsl(217,68%,94%)
#d0def6 rgb(208,222,246) hsl(217,68%,89%)
#bad0f2 rgb(186,208,242) hsl(217,68%,84%)
#a5c1ee rgb(165,193,238) hsl(217,68%,79%)
#90b2ea rgb(144,178,234) hsl(217,68%,74%)
#7aa3e6 rgb(122,163,230) hsl(217,68%,69%)
#6595e2 rgb(101,149,226) hsl(217,68%,64%)
#4f86de rgb(79,134,222) hsl(217,68%,59%)
#3a77d9 rgb(58,119,217) hsl(217,68%,54%)
#2869d2 rgb(40,105,210) hsl(217,68%,49%)
#245ebc rgb(36,94,188) hsl(217,68%,44%)
#2054a7 rgb(32,84,167) hsl(217,68%,39%)
#1c4992 rgb(28,73,146) hsl(217,68%,34%)
#183e7c rgb(24,62,124) hsl(217,68%,29%)
#143367 rgb(20,51,103) hsl(217,68%,24%)
#102951 rgb(16,41,81) hsl(217,68%,19%)
#0b1e3c rgb(11,30,60) hsl(217,68%,14%)
#071327 rgb(7,19,39) hsl(217,68%,9%)
#030911 rgb(3,9,17) hsl(217,68%,4%)

Adjacent colors

HEX RGB HSL
#7AE6E1 rgb(122,230,225) hsl(177,68%,69%)
#7AA3E6 rgb(122,163,230) hsl(217,68%,69%)
#997AE6 rgb(153,122,230) hsl(257,68%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D8E6F7 rgb(216,230,247) hsl(213,66%,91%)
#A9C4EE rgb(169,196,238) hsl(217,67%,80%)
#7AA3E6 rgb(122,163,230) hsl(217,68%,69%)
#4A82DD rgb(74,130,221) hsl(217,68%,58%)
#2563C9 rgb(37,99,201) hsl(217,69%,47%)

Triad color palettes

HEX RGB HSL
#7AA3E6 rgb(122,163,230) hsl(217,68%,69%)
#E6877A rgb(230,135,122) hsl(7,68%,69%)
#D9E67A rgb(217,230,122) hsl(67,68%,69%)

Tetrad color palettes

HEX RGB HSL
#7AA3E6 rgb(122,163,230) hsl(217,68%,69%)
#E6BD7A rgb(230,189,122) hsl(37,68%,69%)
#7AD9E6 rgb(122,217,230) hsl(187,68%,69%)
#D9E67A rgb(217,230,122) hsl(67,68%,69%)