HEX #7BA8E5 color — Portage
The color #7BA8E5 is a light shade and slightly desaturated.
Palette
7BA8E5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,67%,99%) |
#e5eefa |
rgb(229,238,250) |
hsl(215,67%,94%) |
#d0e0f6 |
rgb(208,224,246) |
hsl(215,67%,89%) |
#bbd2f2 |
rgb(187,210,242) |
hsl(215,67%,84%) |
#a6c3ed |
rgb(166,195,237) |
hsl(215,67%,79%) |
#90b5e9 |
rgb(144,181,233) |
hsl(215,67%,74%) |
#7ba7e5 |
rgb(123,167,229) |
hsl(215,67%,69%) |
#6699e1 |
rgb(102,153,225) |
hsl(215,67%,64%) |
#508bdc |
rgb(80,139,220) |
hsl(215,67%,59%) |
#3b7dd8 |
rgb(59,125,216) |
hsl(215,67%,54%) |
#296fd1 |
rgb(41,111,209) |
hsl(215,67%,49%) |
#2564bb |
rgb(37,100,187) |
hsl(215,67%,44%) |
#2158a6 |
rgb(33,88,166) |
hsl(215,67%,39%) |
#1d4d91 |
rgb(29,77,145) |
hsl(215,67%,34%) |
#18427b |
rgb(24,66,123) |
hsl(215,67%,29%) |
#143666 |
rgb(20,54,102) |
hsl(215,67%,24%) |
#102b51 |
rgb(16,43,81) |
hsl(215,67%,19%) |
#0c203c |
rgb(12,32,60) |
hsl(215,67%,14%) |
#081426 |
rgb(8,20,38) |
hsl(215,67%,9%) |
#030911 |
rgb(3,9,17) |
hsl(215,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BE6DB |
rgb(123,230,219) |
hsl(174,68%,69%) |
#7BA8E5 |
rgb(123,168,229) |
hsl(215,67%,69%) |
#947AE5 |
rgb(148,122,229) |
hsl(255,67%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D9E6F7 |
rgb(217,230,247) |
hsl(214,65%,91%) |
#AAC7EE |
rgb(170,199,238) |
hsl(214,67%,80%) |
#7BA8E5 |
rgb(123,168,229) |
hsl(215,67%,69%) |
#4B8ADB |
rgb(75,138,219) |
hsl(214,67%,58%) |
#276BC7 |
rgb(39,107,199) |
hsl(215,67%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BA8E5 |
rgb(123,168,229) |
hsl(215,67%,69%) |
#E5827B |
rgb(229,130,123) |
hsl(4,67%,69%) |
#DDE67B |
rgb(221,230,123) |
hsl(65,68%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BA8E5 |
rgb(123,168,229) |
hsl(215,67%,69%) |
#E5B87B |
rgb(229,184,123) |
hsl(35,67%,69%) |
#7BDEE5 |
rgb(123,222,229) |
hsl(184,67%,69%) |
#DDE67B |
rgb(221,230,123) |
hsl(65,68%,69%) |