HEX #7EA1F0 color — Portage
The color #7EA1F0 is a light shade and slightly desaturated.
Palette
7EA1F0 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fd |
rgb(241,245,253) |
hsl(222,79%,97%) |
#dae4fb |
rgb(218,228,251) |
hsl(222,79%,92%) |
#c4d3f8 |
rgb(196,211,248) |
hsl(222,79%,87%) |
#adc3f5 |
rgb(173,195,245) |
hsl(222,79%,82%) |
#96b2f3 |
rgb(150,178,243) |
hsl(222,79%,77%) |
#7fa1f0 |
rgb(127,161,240) |
hsl(222,79%,72%) |
#6890ed |
rgb(104,144,237) |
hsl(222,79%,67%) |
#527feb |
rgb(82,127,235) |
hsl(222,79%,62%) |
#3b6fe8 |
rgb(59,111,232) |
hsl(222,79%,57%) |
#245ee5 |
rgb(36,94,229) |
hsl(222,79%,52%) |
#1952d7 |
rgb(25,82,215) |
hsl(222,79%,47%) |
#1649c0 |
rgb(22,73,192) |
hsl(222,79%,42%) |
#1441a9 |
rgb(20,65,169) |
hsl(222,79%,37%) |
#113892 |
rgb(17,56,146) |
hsl(222,79%,32%) |
#0e2f7b |
rgb(14,47,123) |
hsl(222,79%,27%) |
#0c2664 |
rgb(12,38,100) |
hsl(222,79%,22%) |
#091e4e |
rgb(9,30,78) |
hsl(222,79%,17%) |
#061537 |
rgb(6,21,55) |
hsl(222,79%,12%) |
#040c20 |
rgb(4,12,32) |
hsl(222,79%,7%) |
#010309 |
rgb(1,3,9) |
hsl(222,79%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#7EEDF0 |
rgb(126,237,240) |
hsl(182,79%,72%) |
#7EA1F0 |
rgb(126,161,240) |
hsl(222,79%,72%) |
#A77DF0 |
rgb(167,125,240) |
hsl(262,79%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E6EDFC |
rgb(230,237,252) |
hsl(221,79%,95%) |
#B2C7F6 |
rgb(178,199,246) |
hsl(221,79%,83%) |
#7EA1F0 |
rgb(126,161,240) |
hsl(222,79%,72%) |
#497AE9 |
rgb(73,122,233) |
hsl(222,78%,60%) |
#1957DE |
rgb(25,87,222) |
hsl(221,80%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7EA1F0 |
rgb(126,161,240) |
hsl(222,79%,72%) |
#F0947E |
rgb(240,148,126) |
hsl(12,79%,72%) |
#DAF07E |
rgb(218,240,126) |
hsl(72,79%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7EA1F0 |
rgb(126,161,240) |
hsl(222,79%,72%) |
#F0CC7E |
rgb(240,204,126) |
hsl(41,79%,72%) |
#7ED9F0 |
rgb(126,217,240) |
hsl(192,79%,72%) |
#DAF07E |
rgb(218,240,126) |
hsl(72,79%,72%) |