HEX #7BA6E2 color — Portage
The color #7BA6E2 is a light shade and slightly desaturated.
Palette
7BA6E2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,64%,98%) |
#e2ebf9 |
rgb(226,235,249) |
hsl(215,64%,93%) |
#cdddf4 |
rgb(205,221,244) |
hsl(215,64%,88%) |
#b8cfef |
rgb(184,207,239) |
hsl(215,64%,83%) |
#a3c1eb |
rgb(163,193,235) |
hsl(215,64%,78%) |
#8eb3e6 |
rgb(142,179,230) |
hsl(215,64%,73%) |
#79a5e2 |
rgb(121,165,226) |
hsl(215,64%,68%) |
#6497dd |
rgb(100,151,221) |
hsl(215,64%,63%) |
#4f88d8 |
rgb(79,136,216) |
hsl(215,64%,58%) |
#3a7ad4 |
rgb(58,122,212) |
hsl(215,64%,53%) |
#2c6dc9 |
rgb(44,109,201) |
hsl(215,64%,48%) |
#2762b4 |
rgb(39,98,180) |
hsl(215,64%,43%) |
#23579f |
rgb(35,87,159) |
hsl(215,64%,38%) |
#1e4b8a |
rgb(30,75,138) |
hsl(215,64%,33%) |
#1a4075 |
rgb(26,64,117) |
hsl(215,64%,28%) |
#153460 |
rgb(21,52,96) |
hsl(215,64%,23%) |
#11294b |
rgb(17,41,75) |
hsl(215,64%,18%) |
#0c1e36 |
rgb(12,30,54) |
hsl(215,64%,13%) |
#071221 |
rgb(7,18,33) |
hsl(215,64%,8%) |
#03070d |
rgb(3,7,13) |
hsl(215,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BE3D9 |
rgb(123,227,217) |
hsl(174,65%,69%) |
#7BA6E2 |
rgb(123,166,226) |
hsl(215,64%,68%) |
#947AE2 |
rgb(148,122,226) |
hsl(255,64%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D6E3F6 |
rgb(214,227,246) |
hsl(216,64%,90%) |
#A8C4EC |
rgb(168,196,236) |
hsl(215,64%,79%) |
#7BA6E2 |
rgb(123,166,226) |
hsl(215,64%,68%) |
#4D87D7 |
rgb(77,135,215) |
hsl(215,63%,57%) |
#2A6BC2 |
rgb(42,107,194) |
hsl(214,64%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BA6E2 |
rgb(123,166,226) |
hsl(215,64%,68%) |
#E2857B |
rgb(226,133,123) |
hsl(6,64%,68%) |
#D9E37B |
rgb(217,227,123) |
hsl(66,65%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BA6E2 |
rgb(123,166,226) |
hsl(215,64%,68%) |
#E2B87B |
rgb(226,184,123) |
hsl(36,64%,68%) |
#7BD9E2 |
rgb(123,217,226) |
hsl(185,64%,68%) |
#D9E37B |
rgb(217,227,123) |
hsl(66,65%,69%) |