HEX #7BA3E1 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7BA3E1 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(216,63%,98%)
#e2ebf8 rgb(226,235,248) hsl(216,63%,93%)
#cdddf4 rgb(205,221,244) hsl(216,63%,88%)
#b8ceef rgb(184,206,239) hsl(216,63%,83%)
#a4c0ea rgb(164,192,234) hsl(216,63%,78%)
#8fb1e6 rgb(143,177,230) hsl(216,63%,73%)
#7aa3e1 rgb(122,163,225) hsl(216,63%,68%)
#6595dc rgb(101,149,220) hsl(216,63%,63%)
#5086d7 rgb(80,134,215) hsl(216,63%,58%)
#3c78d3 rgb(60,120,211) hsl(216,63%,53%)
#2d6bc8 rgb(45,107,200) hsl(216,63%,48%)
#2960b3 rgb(41,96,179) hsl(216,63%,43%)
#24559e rgb(36,85,158) hsl(216,63%,38%)
#1f4a89 rgb(31,74,137) hsl(216,63%,33%)
#1a3e74 rgb(26,62,116) hsl(216,63%,28%)
#163360 rgb(22,51,96) hsl(216,63%,23%)
#11284b rgb(17,40,75) hsl(216,63%,18%)
#0c1d36 rgb(12,29,54) hsl(216,63%,13%)
#081221 rgb(8,18,33) hsl(216,63%,8%)
#03070c rgb(3,7,12) hsl(216,63%,3%)

Adjacent colors

HEX RGB HSL
#7BE0DB rgb(123,224,219) hsl(177,62%,68%)
#7BA3E1 rgb(123,163,225) hsl(216,63%,68%)
#977AE1 rgb(151,122,225) hsl(257,63%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D5E3F5 rgb(213,227,245) hsl(214,62%,90%)
#A8C2EB rgb(168,194,235) hsl(217,63%,79%)
#7BA3E1 rgb(123,163,225) hsl(216,63%,68%)
#4D85D6 rgb(77,133,214) hsl(215,63%,57%)
#2B66C0 rgb(43,102,192) hsl(216,63%,46%)

Triad color palettes

HEX RGB HSL
#7BA3E1 rgb(123,163,225) hsl(216,63%,68%)
#E1877B rgb(225,135,123) hsl(7,63%,68%)
#D6E07B rgb(214,224,123) hsl(66,62%,68%)

Tetrad color palettes

HEX RGB HSL
#7BA3E1 rgb(123,163,225) hsl(216,63%,68%)
#E1BA7B rgb(225,186,123) hsl(37,63%,68%)
#7BD6E1 rgb(123,214,225) hsl(186,63%,68%)
#D6E07B rgb(214,224,123) hsl(66,62%,68%)