HEX #7BA1EB color — Portage
The color #7BA1EB is a light shade and slightly desaturated.
Palette
7BA1EB color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(220,74%,95%) |
#d3dff8 |
rgb(211,223,248) |
hsl(220,74%,90%) |
#bccff5 |
rgb(188,207,245) |
hsl(220,74%,85%) |
#a6bff2 |
rgb(166,191,242) |
hsl(220,74%,80%) |
#90b0ee |
rgb(144,176,238) |
hsl(220,74%,75%) |
#7aa0eb |
rgb(122,160,235) |
hsl(220,74%,70%) |
#6490e8 |
rgb(100,144,232) |
hsl(220,74%,65%) |
#4e80e4 |
rgb(78,128,228) |
hsl(220,74%,60%) |
#3770e1 |
rgb(55,112,225) |
hsl(220,74%,55%) |
#2160de |
rgb(33,96,222) |
hsl(220,74%,50%) |
#1e56c8 |
rgb(30,86,200) |
hsl(220,74%,45%) |
#1b4db1 |
rgb(27,77,177) |
hsl(220,74%,40%) |
#17439b |
rgb(23,67,155) |
hsl(220,74%,35%) |
#143a85 |
rgb(20,58,133) |
hsl(220,74%,30%) |
#11306f |
rgb(17,48,111) |
hsl(220,74%,25%) |
#0d2659 |
rgb(13,38,89) |
hsl(220,74%,20%) |
#0a1d43 |
rgb(10,29,67) |
hsl(220,74%,15%) |
#07132c |
rgb(7,19,44) |
hsl(220,74%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(220,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BEBEA |
rgb(123,235,234) |
hsl(179,74%,70%) |
#7BA1EB |
rgb(123,161,235) |
hsl(220,74%,70%) |
#9F7AEB |
rgb(159,122,235) |
hsl(260,74%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DEE8FA |
rgb(222,232,250) |
hsl(219,74%,93%) |
#ACC4F2 |
rgb(172,196,242) |
hsl(219,73%,81%) |
#7BA1EB |
rgb(123,161,235) |
hsl(220,74%,70%) |
#497DE3 |
rgb(73,125,227) |
hsl(220,73%,59%) |
#205CD3 |
rgb(32,92,211) |
hsl(220,74%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BA1EB |
rgb(123,161,235) |
hsl(220,74%,70%) |
#EB8C7B |
rgb(235,140,123) |
hsl(9,74%,70%) |
#D9EB7B |
rgb(217,235,123) |
hsl(70,74%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BA1EB |
rgb(123,161,235) |
hsl(220,74%,70%) |
#EBC47B |
rgb(235,196,123) |
hsl(39,74%,70%) |
#7BD9EB |
rgb(123,217,235) |
hsl(190,74%,70%) |
#D9EB7B |
rgb(217,235,123) |
hsl(70,74%,70%) |