HEX #7BA8EC color — Portage
The color #7BA8EC is a light shade and slightly desaturated.
Palette
7BA8EC color palette from light to dark
HEX |
RGB |
HSL |
#e9f0fc |
rgb(233,240,252) |
hsl(216,75%,95%) |
#d2e2f9 |
rgb(210,226,249) |
hsl(216,75%,90%) |
#bcd3f5 |
rgb(188,211,245) |
hsl(216,75%,85%) |
#a6c4f2 |
rgb(166,196,242) |
hsl(216,75%,80%) |
#8fb6ef |
rgb(143,182,239) |
hsl(216,75%,75%) |
#79a7ec |
rgb(121,167,236) |
hsl(216,75%,70%) |
#6398e9 |
rgb(99,152,233) |
hsl(216,75%,65%) |
#4d8ae6 |
rgb(77,138,230) |
hsl(216,75%,60%) |
#367be2 |
rgb(54,123,226) |
hsl(216,75%,55%) |
#206cdf |
rgb(32,108,223) |
hsl(216,75%,50%) |
#1d62c9 |
rgb(29,98,201) |
hsl(216,75%,45%) |
#1a57b3 |
rgb(26,87,179) |
hsl(216,75%,40%) |
#164c9c |
rgb(22,76,156) |
hsl(216,75%,35%) |
#134186 |
rgb(19,65,134) |
hsl(216,75%,30%) |
#103670 |
rgb(16,54,112) |
hsl(216,75%,25%) |
#0d2b59 |
rgb(13,43,89) |
hsl(216,75%,20%) |
#0a2143 |
rgb(10,33,67) |
hsl(216,75%,15%) |
#06162d |
rgb(6,22,45) |
hsl(216,75%,10%) |
#030b16 |
rgb(3,11,22) |
hsl(216,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BEDE4 |
rgb(123,237,228) |
hsl(175,76%,71%) |
#7BA8EC |
rgb(123,168,236) |
hsl(216,75%,70%) |
#997AEC |
rgb(153,122,236) |
hsl(256,75%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DFEBFA |
rgb(223,235,250) |
hsl(213,73%,93%) |
#ADC9F3 |
rgb(173,201,243) |
hsl(216,74%,82%) |
#7BA8EC |
rgb(123,168,236) |
hsl(216,75%,70%) |
#4887E4 |
rgb(72,135,228) |
hsl(216,74%,59%) |
#1E69D5 |
rgb(30,105,213) |
hsl(215,75%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BA8EC |
rgb(123,168,236) |
hsl(216,75%,70%) |
#EC877B |
rgb(236,135,123) |
hsl(6,75%,70%) |
#E0ED7B |
rgb(224,237,123) |
hsl(67,76%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BA8EC |
rgb(123,168,236) |
hsl(216,75%,70%) |
#ECBF7B |
rgb(236,191,123) |
hsl(36,75%,70%) |
#7BE0EC |
rgb(123,224,236) |
hsl(186,75%,70%) |
#E0ED7B |
rgb(224,237,123) |
hsl(67,76%,71%) |