HEX #7AA3E5 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7AA3E5 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(217,67%,99%)
#e5edfa rgb(229,237,250) hsl(217,67%,94%)
#d0dff6 rgb(208,223,246) hsl(217,67%,89%)
#bbd0f2 rgb(187,208,242) hsl(217,67%,84%)
#a6c1ed rgb(166,193,237) hsl(217,67%,79%)
#90b2e9 rgb(144,178,233) hsl(217,67%,74%)
#7ba4e5 rgb(123,164,229) hsl(217,67%,69%)
#6695e1 rgb(102,149,225) hsl(217,67%,64%)
#5086dc rgb(80,134,220) hsl(217,67%,59%)
#3b77d8 rgb(59,119,216) hsl(217,67%,54%)
#2969d1 rgb(41,105,209) hsl(217,67%,49%)
#255fbb rgb(37,95,187) hsl(217,67%,44%)
#2154a6 rgb(33,84,166) hsl(217,67%,39%)
#1d4991 rgb(29,73,145) hsl(217,67%,34%)
#183e7b rgb(24,62,123) hsl(217,67%,29%)
#143466 rgb(20,52,102) hsl(217,67%,24%)
#102951 rgb(16,41,81) hsl(217,67%,19%)
#0c1e3c rgb(12,30,60) hsl(217,67%,14%)
#081326 rgb(8,19,38) hsl(217,67%,9%)
#030911 rgb(3,9,17) hsl(217,67%,4%)

Adjacent colors

HEX RGB HSL
#7AE6DF rgb(122,230,223) hsl(176,68%,69%)
#7AA3E5 rgb(122,163,229) hsl(217,67%,69%)
#987AE5 rgb(152,122,229) hsl(257,67%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D7E3F7 rgb(215,227,247) hsl(218,67%,91%)
#A8C4EE rgb(168,196,238) hsl(216,67%,80%)
#7AA3E5 rgb(122,163,229) hsl(217,67%,69%)
#4B82DB rgb(75,130,219) hsl(217,67%,58%)
#2763C7 rgb(39,99,199) hsl(218,67%,47%)

Triad color palettes

HEX RGB HSL
#7AA3E5 rgb(122,163,229) hsl(217,67%,69%)
#E5877A rgb(229,135,122) hsl(7,67%,69%)
#D8E67A rgb(216,230,122) hsl(68,68%,69%)

Tetrad color palettes

HEX RGB HSL
#7AA3E5 rgb(122,163,229) hsl(217,67%,69%)
#E5BD7A rgb(229,189,122) hsl(38,67%,69%)
#7AD9E5 rgb(122,217,229) hsl(187,67%,69%)
#D8E67A rgb(216,230,122) hsl(68,68%,69%)