HEX #7EA1E7 color — Portage
The color #7ea1e7 is a light shade and slightly desaturated.
Palette
7ea1e7 color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(220,69%,95%) |
#d4e0f7 |
rgb(212,224,247) |
hsl(220,69%,90%) |
#bed0f3 |
rgb(190,208,243) |
hsl(220,69%,85%) |
#a9c0ef |
rgb(169,192,239) |
hsl(220,69%,80%) |
#93b1eb |
rgb(147,177,235) |
hsl(220,69%,75%) |
#7ea1e7 |
rgb(126,161,231) |
hsl(220,69%,70%) |
#6891e3 |
rgb(104,145,227) |
hsl(220,69%,65%) |
#5382df |
rgb(83,130,223) |
hsl(220,69%,60%) |
#3d72db |
rgb(61,114,219) |
hsl(220,69%,55%) |
#2862d7 |
rgb(40,98,215) |
hsl(220,69%,50%) |
#2458c2 |
rgb(36,88,194) |
hsl(220,69%,45%) |
#204fac |
rgb(32,79,172) |
hsl(220,69%,40%) |
#1c4597 |
rgb(28,69,151) |
hsl(220,69%,35%) |
#183b81 |
rgb(24,59,129) |
hsl(220,69%,30%) |
#14316c |
rgb(20,49,108) |
hsl(220,69%,25%) |
#102756 |
rgb(16,39,86) |
hsl(220,69%,20%) |
#0c1d41 |
rgb(12,29,65) |
hsl(220,69%,15%) |
#08142b |
rgb(8,20,43) |
hsl(220,69%,10%) |
#040a16 |
rgb(4,10,22) |
hsl(220,69%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7EE8E7 |
rgb(126,232,231) |
hsl(179,70%,70%) |
#7EA1E7 |
rgb(126,161,231) |
hsl(220,69%,70%) |
#A17DE7 |
rgb(161,125,231) |
hsl(260,69%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DEE8F8 |
rgb(222,232,248) |
hsl(217,65%,92%) |
#AEC4EF |
rgb(174,196,239) |
hsl(220,67%,81%) |
#7EA1E7 |
rgb(126,161,231) |
hsl(220,69%,70%) |
#4D7DDE |
rgb(77,125,222) |
hsl(220,69%,59%) |
#265ECC |
rgb(38,94,204) |
hsl(220,69%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7EA1E7 |
rgb(126,161,231) |
hsl(220,69%,70%) |
#E78F7E |
rgb(231,143,126) |
hsl(10,69%,70%) |
#D5E87E |
rgb(213,232,126) |
hsl(71,70%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7EA1E7 |
rgb(126,161,231) |
hsl(220,69%,70%) |
#E7C47E |
rgb(231,196,126) |
hsl(40,69%,70%) |
#7ED6E7 |
rgb(126,214,231) |
hsl(190,69%,70%) |
#D5E87E |
rgb(213,232,126) |
hsl(71,70%,70%) |