HEX #7EA1F1 color — Portage
The color #7ea1f1 is a light shade and slightly desaturated.
Palette
7ea1f1 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fd |
rgb(241,245,253) |
hsl(222,80%,97%) |
#dae4fb |
rgb(218,228,251) |
hsl(222,80%,92%) |
#c3d3f8 |
rgb(195,211,248) |
hsl(222,80%,87%) |
#acc2f6 |
rgb(172,194,246) |
hsl(222,80%,82%) |
#95b2f3 |
rgb(149,178,243) |
hsl(222,80%,77%) |
#7ea1f1 |
rgb(126,161,241) |
hsl(222,80%,72%) |
#6890ee |
rgb(104,144,238) |
hsl(222,80%,67%) |
#517fec |
rgb(81,127,236) |
hsl(222,80%,62%) |
#3a6ee9 |
rgb(58,110,233) |
hsl(222,80%,57%) |
#235de7 |
rgb(35,93,231) |
hsl(222,80%,52%) |
#1851d8 |
rgb(24,81,216) |
hsl(222,80%,47%) |
#1549c1 |
rgb(21,73,193) |
hsl(222,80%,42%) |
#1340aa |
rgb(19,64,170) |
hsl(222,80%,37%) |
#103793 |
rgb(16,55,147) |
hsl(222,80%,32%) |
#0e2f7c |
rgb(14,47,124) |
hsl(222,80%,27%) |
#0b2665 |
rgb(11,38,101) |
hsl(222,80%,22%) |
#091d4e |
rgb(9,29,78) |
hsl(222,80%,17%) |
#061537 |
rgb(6,21,55) |
hsl(222,80%,12%) |
#040c20 |
rgb(4,12,32) |
hsl(222,80%,7%) |
#010309 |
rgb(1,3,9) |
hsl(222,80%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#7EEDF1 |
rgb(126,237,241) |
hsl(182,80%,72%) |
#7EA1F1 |
rgb(126,161,241) |
hsl(222,80%,72%) |
#A77DF1 |
rgb(167,125,241) |
hsl(262,81%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E7EDFC |
rgb(231,237,252) |
hsl(223,78%,95%) |
#B2C7F6 |
rgb(178,199,246) |
hsl(221,79%,83%) |
#7EA1F1 |
rgb(126,161,241) |
hsl(222,80%,72%) |
#497AEB |
rgb(73,122,235) |
hsl(222,80%,60%) |
#1857E1 |
rgb(24,87,225) |
hsl(221,81%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#7EA1F1 |
rgb(126,161,241) |
hsl(222,80%,72%) |
#F1947E |
rgb(241,148,126) |
hsl(11,80%,72%) |
#DAF27E |
rgb(218,242,126) |
hsl(72,82%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7EA1F1 |
rgb(126,161,241) |
hsl(222,80%,72%) |
#F1CF7E |
rgb(241,207,126) |
hsl(42,80%,72%) |
#7EDBF1 |
rgb(126,219,241) |
hsl(191,80%,72%) |
#DAF27E |
rgb(218,242,126) |
hsl(72,82%,72%) |