HEX #7BA6E4 color — Portage
The color #7BA6E4 is a light shade and slightly desaturated.
Palette
7BA6E4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,66%,99%) |
#e6eefa |
rgb(230,238,250) |
hsl(215,66%,94%) |
#d0e0f5 |
rgb(208,224,245) |
hsl(215,66%,89%) |
#bbd2f1 |
rgb(187,210,241) |
hsl(215,66%,84%) |
#a6c4ed |
rgb(166,196,237) |
hsl(215,66%,79%) |
#91b5e8 |
rgb(145,181,232) |
hsl(215,66%,74%) |
#7ca7e4 |
rgb(124,167,228) |
hsl(215,66%,69%) |
#6799e0 |
rgb(103,153,224) |
hsl(215,66%,64%) |
#518bdb |
rgb(81,139,219) |
hsl(215,66%,59%) |
#3c7dd7 |
rgb(60,125,215) |
hsl(215,66%,54%) |
#2a6fcf |
rgb(42,111,207) |
hsl(215,66%,49%) |
#2664ba |
rgb(38,100,186) |
hsl(215,66%,44%) |
#2259a5 |
rgb(34,89,165) |
hsl(215,66%,39%) |
#1d4d90 |
rgb(29,77,144) |
hsl(215,66%,34%) |
#19427b |
rgb(25,66,123) |
hsl(215,66%,29%) |
#153666 |
rgb(21,54,102) |
hsl(215,66%,24%) |
#102b50 |
rgb(16,43,80) |
hsl(215,66%,19%) |
#0c203b |
rgb(12,32,59) |
hsl(215,66%,14%) |
#081426 |
rgb(8,20,38) |
hsl(215,66%,9%) |
#030911 |
rgb(3,9,17) |
hsl(215,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BE3DC |
rgb(123,227,220) |
hsl(176,65%,69%) |
#7BA6E4 |
rgb(123,166,228) |
hsl(215,66%,69%) |
#967AE4 |
rgb(150,122,228) |
hsl(256,66%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D8E6F7 |
rgb(216,230,247) |
hsl(213,66%,91%) |
#A9C4ED |
rgb(169,196,237) |
hsl(216,65%,80%) |
#7BA6E4 |
rgb(123,166,228) |
hsl(215,66%,69%) |
#4C87DA |
rgb(76,135,218) |
hsl(215,66%,58%) |
#2869C6 |
rgb(40,105,198) |
hsl(215,66%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BA6E4 |
rgb(123,166,228) |
hsl(215,66%,69%) |
#E4857B |
rgb(228,133,123) |
hsl(6,66%,69%) |
#DAE37B |
rgb(218,227,123) |
hsl(65,65%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BA6E4 |
rgb(123,166,228) |
hsl(215,66%,69%) |
#E4BA7B |
rgb(228,186,123) |
hsl(36,66%,69%) |
#7BDBE4 |
rgb(123,219,228) |
hsl(185,66%,69%) |
#DAE37B |
rgb(218,227,123) |
hsl(65,65%,69%) |