HEX #7BA6EF color — Portage
The color #7ba6ef is a light shade and slightly desaturated.
Palette
7ba6ef color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(218,78%,96%) |
#d6e3fa |
rgb(214,227,250) |
hsl(218,78%,91%) |
#bfd4f7 |
rgb(191,212,247) |
hsl(218,78%,86%) |
#a9c4f4 |
rgb(169,196,244) |
hsl(218,78%,81%) |
#92b5f2 |
rgb(146,181,242) |
hsl(218,78%,76%) |
#7ba6ef |
rgb(123,166,239) |
hsl(218,78%,71%) |
#6596ec |
rgb(101,150,236) |
hsl(218,78%,66%) |
#4e87e9 |
rgb(78,135,233) |
hsl(218,78%,61%) |
#3777e6 |
rgb(55,119,230) |
hsl(218,78%,56%) |
#2168e4 |
rgb(33,104,228) |
hsl(218,78%,51%) |
#1a5dd1 |
rgb(26,93,209) |
hsl(218,78%,46%) |
#1753ba |
rgb(23,83,186) |
hsl(218,78%,41%) |
#1449a3 |
rgb(20,73,163) |
hsl(218,78%,36%) |
#113f8d |
rgb(17,63,141) |
hsl(218,78%,31%) |
#0f3576 |
rgb(15,53,118) |
hsl(218,78%,26%) |
#0c2a5f |
rgb(12,42,95) |
hsl(218,78%,21%) |
#092049 |
rgb(9,32,73) |
hsl(218,78%,16%) |
#061632 |
rgb(6,22,50) |
hsl(218,78%,11%) |
#030c1b |
rgb(3,12,27) |
hsl(218,78%,6%) |
#010205 |
rgb(1,2,5) |
hsl(218,78%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BF0EA |
rgb(123,240,234) |
hsl(177,80%,71%) |
#7BA6EF |
rgb(123,166,239) |
hsl(218,78%,71%) |
#9D7AEF |
rgb(157,122,239) |
hsl(258,79%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E2EBFB |
rgb(226,235,251) |
hsl(218,76%,94%) |
#AEC9F5 |
rgb(174,201,245) |
hsl(217,78%,82%) |
#7BA6EF |
rgb(123,166,239) |
hsl(218,78%,71%) |
#4782E8 |
rgb(71,130,232) |
hsl(218,78%,59%) |
#1A61DB |
rgb(26,97,219) |
hsl(218,79%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BA6EF |
rgb(123,166,239) |
hsl(218,78%,71%) |
#EF8A7B |
rgb(239,138,123) |
hsl(8,78%,71%) |
#E0F07B |
rgb(224,240,123) |
hsl(68,80%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BA6EF |
rgb(123,166,239) |
hsl(218,78%,71%) |
#EFC47B |
rgb(239,196,123) |
hsl(38,78%,71%) |
#7BE0EF |
rgb(123,224,239) |
hsl(188,78%,71%) |
#E0F07B |
rgb(224,240,123) |
hsl(68,80%,71%) |