HEX #7B9EF0 color — Portage
The color #7B9EF0 is a light shade and slightly desaturated.
Palette
7B9EF0 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fd |
rgb(237,242,253) |
hsl(222,80%,96%) |
#d6e1fa |
rgb(214,225,250) |
hsl(222,80%,91%) |
#bfd0f8 |
rgb(191,208,248) |
hsl(222,80%,86%) |
#a8bff5 |
rgb(168,191,245) |
hsl(222,80%,81%) |
#91aef3 |
rgb(145,174,243) |
hsl(222,80%,76%) |
#7a9df0 |
rgb(122,157,240) |
hsl(222,80%,71%) |
#638dee |
rgb(99,141,238) |
hsl(222,80%,66%) |
#4c7ceb |
rgb(76,124,235) |
hsl(222,80%,61%) |
#356be9 |
rgb(53,107,233) |
hsl(222,80%,56%) |
#1e5ae6 |
rgb(30,90,230) |
hsl(222,80%,51%) |
#1750d3 |
rgb(23,80,211) |
hsl(222,80%,46%) |
#1547bc |
rgb(21,71,188) |
hsl(222,80%,41%) |
#123ea5 |
rgb(18,62,165) |
hsl(222,80%,36%) |
#10368e |
rgb(16,54,142) |
hsl(222,80%,31%) |
#0d2d77 |
rgb(13,45,119) |
hsl(222,80%,26%) |
#0b2460 |
rgb(11,36,96) |
hsl(222,80%,21%) |
#081c49 |
rgb(8,28,73) |
hsl(222,80%,16%) |
#061332 |
rgb(6,19,50) |
hsl(222,80%,11%) |
#030a1c |
rgb(3,10,28) |
hsl(222,80%,6%) |
#010205 |
rgb(1,2,5) |
hsl(222,80%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BEDF0 |
rgb(123,237,240) |
hsl(182,80%,71%) |
#7B9EF0 |
rgb(123,158,240) |
hsl(222,80%,71%) |
#A67AF0 |
rgb(166,122,240) |
hsl(262,80%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E3EBFB |
rgb(227,235,251) |
hsl(220,75%,94%) |
#AFC4F5 |
rgb(175,196,245) |
hsl(222,78%,82%) |
#7B9EF0 |
rgb(123,158,240) |
hsl(222,80%,71%) |
#4678EA |
rgb(70,120,234) |
hsl(222,80%,60%) |
#1954DD |
rgb(25,84,221) |
hsl(222,80%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7B9EF0 |
rgb(123,158,240) |
hsl(222,80%,71%) |
#F0917B |
rgb(240,145,123) |
hsl(11,80%,71%) |
#D8F07B |
rgb(216,240,123) |
hsl(72,80%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7B9EF0 |
rgb(123,158,240) |
hsl(222,80%,71%) |
#F0CC7B |
rgb(240,204,123) |
hsl(42,80%,71%) |
#7BD9F0 |
rgb(123,217,240) |
hsl(192,80%,71%) |
#D8F07B |
rgb(216,240,123) |
hsl(72,80%,71%) |