HEX #7BA6E6 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7BA6E6 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(216,68%,99%)
#e5eefa rgb(229,238,250) hsl(216,68%,94%)
#d0dff6 rgb(208,223,246) hsl(216,68%,89%)
#bad1f2 rgb(186,209,242) hsl(216,68%,84%)
#a5c2ee rgb(165,194,238) hsl(216,68%,79%)
#90b4ea rgb(144,180,234) hsl(216,68%,74%)
#7aa5e6 rgb(122,165,230) hsl(216,68%,69%)
#6597e2 rgb(101,151,226) hsl(216,68%,64%)
#4f88de rgb(79,136,222) hsl(216,68%,59%)
#3a7ad9 rgb(58,122,217) hsl(216,68%,54%)
#286cd2 rgb(40,108,210) hsl(216,68%,49%)
#2461bc rgb(36,97,188) hsl(216,68%,44%)
#2056a7 rgb(32,86,167) hsl(216,68%,39%)
#1c4b92 rgb(28,75,146) hsl(216,68%,34%)
#18407c rgb(24,64,124) hsl(216,68%,29%)
#143567 rgb(20,53,103) hsl(216,68%,24%)
#102a51 rgb(16,42,81) hsl(216,68%,19%)
#0b1f3c rgb(11,31,60) hsl(216,68%,14%)
#071427 rgb(7,20,39) hsl(216,68%,9%)
#030911 rgb(3,9,17) hsl(216,68%,4%)

Adjacent colors

HEX RGB HSL
#7BE6DE rgb(123,230,222) hsl(176,68%,69%)
#7BA6E6 rgb(123,166,230) hsl(216,68%,69%)
#977AE6 rgb(151,122,230) hsl(256,68%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D9E6F7 rgb(217,230,247) hsl(214,65%,91%)
#AAC7EE rgb(170,199,238) hsl(214,67%,80%)
#7BA6E6 rgb(123,166,230) hsl(216,68%,69%)
#4B87DD rgb(75,135,221) hsl(215,68%,58%)
#2669C9 rgb(38,105,201) hsl(215,68%,47%)

Triad color palettes

HEX RGB HSL
#7BA6E6 rgb(123,166,230) hsl(216,68%,69%)
#E6857B rgb(230,133,123) hsl(6,68%,69%)
#DBE67B rgb(219,230,123) hsl(66,68%,69%)

Tetrad color palettes

HEX RGB HSL
#7BA6E6 rgb(123,166,230) hsl(216,68%,69%)
#E6BA7B rgb(230,186,123) hsl(35,68%,69%)
#7BDBE6 rgb(123,219,230) hsl(186,68%,69%)
#DBE67B rgb(219,230,123) hsl(66,68%,69%)