HEX #7BA9EA color — Portage
The color #7ba9ea is a light shade and slightly desaturated.
Palette
7ba9ea color palette from light to dark
HEX |
RGB |
HSL |
#e9f1fc |
rgb(233,241,252) |
hsl(215,73%,95%) |
#d3e2f8 |
rgb(211,226,248) |
hsl(215,73%,90%) |
#bdd4f5 |
rgb(189,212,245) |
hsl(215,73%,85%) |
#a7c6f1 |
rgb(167,198,241) |
hsl(215,73%,80%) |
#91b7ee |
rgb(145,183,238) |
hsl(215,73%,75%) |
#7ba9ea |
rgb(123,169,234) |
hsl(215,73%,70%) |
#659be7 |
rgb(101,155,231) |
hsl(215,73%,65%) |
#4f8de3 |
rgb(79,141,227) |
hsl(215,73%,60%) |
#387ee0 |
rgb(56,126,224) |
hsl(215,73%,55%) |
#2270dd |
rgb(34,112,221) |
hsl(215,73%,50%) |
#1f65c7 |
rgb(31,101,199) |
hsl(215,73%,45%) |
#1c5ab0 |
rgb(28,90,176) |
hsl(215,73%,40%) |
#184e9a |
rgb(24,78,154) |
hsl(215,73%,35%) |
#154384 |
rgb(21,67,132) |
hsl(215,73%,30%) |
#11386e |
rgb(17,56,110) |
hsl(215,73%,25%) |
#0e2d58 |
rgb(14,45,88) |
hsl(215,73%,20%) |
#0a2242 |
rgb(10,34,66) |
hsl(215,73%,15%) |
#07162c |
rgb(7,22,44) |
hsl(215,73%,10%) |
#030b16 |
rgb(3,11,22) |
hsl(215,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BEBE1 |
rgb(123,235,225) |
hsl(175,74%,70%) |
#7BA9EA |
rgb(123,169,234) |
hsl(215,73%,70%) |
#977AEA |
rgb(151,122,234) |
hsl(256,73%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DDE8F9 |
rgb(221,232,249) |
hsl(216,70%,92%) |
#ACC9F1 |
rgb(172,201,241) |
hsl(215,71%,81%) |
#7BA9EA |
rgb(123,169,234) |
hsl(215,73%,70%) |
#498AE2 |
rgb(73,138,226) |
hsl(215,73%,59%) |
#216BD1 |
rgb(33,107,209) |
hsl(215,73%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BA9EA |
rgb(123,169,234) |
hsl(215,73%,70%) |
#EA857B |
rgb(234,133,123) |
hsl(5,73%,70%) |
#E0EB7B |
rgb(224,235,123) |
hsl(66,74%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BA9EA |
rgb(123,169,234) |
hsl(215,73%,70%) |
#EABD7B |
rgb(234,189,123) |
hsl(36,73%,70%) |
#7BE0EA |
rgb(123,224,234) |
hsl(185,73%,70%) |
#E0EB7B |
rgb(224,235,123) |
hsl(66,74%,70%) |