HEX #7EA1E5 color — Portage
The color #7EA1E5 is a light shade and slightly desaturated.
Palette
7EA1E5 color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(220,66%,95%) |
#d5e0f6 |
rgb(213,224,246) |
hsl(220,66%,90%) |
#c0d0f2 |
rgb(192,208,242) |
hsl(220,66%,85%) |
#aac1ee |
rgb(170,193,238) |
hsl(220,66%,80%) |
#95b1e9 |
rgb(149,177,233) |
hsl(220,66%,75%) |
#80a2e5 |
rgb(128,162,229) |
hsl(220,66%,70%) |
#6b92e1 |
rgb(107,146,225) |
hsl(220,66%,65%) |
#5683dc |
rgb(86,131,220) |
hsl(220,66%,60%) |
#4173d8 |
rgb(65,115,216) |
hsl(220,66%,55%) |
#2b63d4 |
rgb(43,99,212) |
hsl(220,66%,50%) |
#275abe |
rgb(39,90,190) |
hsl(220,66%,45%) |
#2350a9 |
rgb(35,80,169) |
hsl(220,66%,40%) |
#1e4694 |
rgb(30,70,148) |
hsl(220,66%,35%) |
#1a3c7f |
rgb(26,60,127) |
hsl(220,66%,30%) |
#16326a |
rgb(22,50,106) |
hsl(220,66%,25%) |
#112855 |
rgb(17,40,85) |
hsl(220,66%,20%) |
#0d1e3f |
rgb(13,30,63) |
hsl(220,66%,15%) |
#09142a |
rgb(9,20,42) |
hsl(220,66%,10%) |
#040a15 |
rgb(4,10,21) |
hsl(220,66%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7EE6E4 |
rgb(126,230,228) |
hsl(179,68%,70%) |
#7EA1E5 |
rgb(126,161,229) |
hsl(220,66%,70%) |
#9F7DE5 |
rgb(159,125,229) |
hsl(260,67%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DCE6F8 |
rgb(220,230,248) |
hsl(219,67%,92%) |
#ADC4EE |
rgb(173,196,238) |
hsl(219,66%,81%) |
#7EA1E5 |
rgb(126,161,229) |
hsl(220,66%,70%) |
#4E80DB |
rgb(78,128,219) |
hsl(219,66%,58%) |
#285EC8 |
rgb(40,94,200) |
hsl(220,67%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7EA1E5 |
rgb(126,161,229) |
hsl(220,66%,70%) |
#E58F7E |
rgb(229,143,126) |
hsl(10,66%,70%) |
#D4E67E |
rgb(212,230,126) |
hsl(70,68%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7EA1E5 |
rgb(126,161,229) |
hsl(220,66%,70%) |
#E5C27E |
rgb(229,194,126) |
hsl(40,66%,70%) |
#7ED4E5 |
rgb(126,212,229) |
hsl(190,66%,70%) |
#D4E67E |
rgb(212,230,126) |
hsl(70,68%,70%) |