HEX #7EA1F2 color — Portage
The color #7EA1F2 is a light shade and slightly desaturated.
Palette
7EA1F2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fe |
rgb(241,245,254) |
hsl(222,82%,97%) |
#dae4fb |
rgb(218,228,251) |
hsl(222,82%,92%) |
#c3d3f9 |
rgb(195,211,249) |
hsl(222,82%,87%) |
#abc2f7 |
rgb(171,194,247) |
hsl(222,82%,82%) |
#94b1f4 |
rgb(148,177,244) |
hsl(222,82%,77%) |
#7da0f2 |
rgb(125,160,242) |
hsl(222,82%,72%) |
#668ff0 |
rgb(102,143,240) |
hsl(222,82%,67%) |
#4f7eee |
rgb(79,126,238) |
hsl(222,82%,62%) |
#376deb |
rgb(55,109,235) |
hsl(222,82%,57%) |
#205ce9 |
rgb(32,92,233) |
hsl(222,82%,52%) |
#1651da |
rgb(22,81,218) |
hsl(222,82%,47%) |
#1348c3 |
rgb(19,72,195) |
hsl(222,82%,42%) |
#113fac |
rgb(17,63,172) |
hsl(222,82%,37%) |
#0f3795 |
rgb(15,55,149) |
hsl(222,82%,32%) |
#0c2e7d |
rgb(12,46,125) |
hsl(222,82%,27%) |
#0a2666 |
rgb(10,38,102) |
hsl(222,82%,22%) |
#081d4f |
rgb(8,29,79) |
hsl(222,82%,17%) |
#061538 |
rgb(6,21,56) |
hsl(222,82%,12%) |
#030c20 |
rgb(3,12,32) |
hsl(222,82%,7%) |
#010309 |
rgb(1,3,9) |
hsl(222,82%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#7EEDF2 |
rgb(126,237,242) |
hsl(183,82%,72%) |
#7EA1F2 |
rgb(126,161,242) |
hsl(222,82%,72%) |
#A87DF2 |
rgb(168,125,242) |
hsl(262,82%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E8F0FC |
rgb(232,240,252) |
hsl(216,77%,95%) |
#B3C7F7 |
rgb(179,199,247) |
hsl(222,81%,84%) |
#7EA1F2 |
rgb(126,161,242) |
hsl(222,82%,72%) |
#487AEC |
rgb(72,122,236) |
hsl(222,81%,60%) |
#1654E3 |
rgb(22,84,227) |
hsl(222,82%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#7EA1F2 |
rgb(126,161,242) |
hsl(222,82%,72%) |
#F2947E |
rgb(242,148,126) |
hsl(11,82%,72%) |
#DBF27E |
rgb(219,242,126) |
hsl(72,82%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7EA1F2 |
rgb(126,161,242) |
hsl(222,82%,72%) |
#F2CF7E |
rgb(242,207,126) |
hsl(42,82%,72%) |
#7EDBF2 |
rgb(126,219,242) |
hsl(192,82%,72%) |
#DBF27E |
rgb(219,242,126) |
hsl(72,82%,72%) |