HEX #7EA1E6 color — Portage
The color #7EA1E6 is a light shade and slightly desaturated.
Palette
7EA1E6 color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(220,68%,95%) |
#d4e0f7 |
rgb(212,224,247) |
hsl(220,68%,90%) |
#bfd0f3 |
rgb(191,208,243) |
hsl(220,68%,85%) |
#a9c0ef |
rgb(169,192,239) |
hsl(220,68%,80%) |
#94b1eb |
rgb(148,177,235) |
hsl(220,68%,75%) |
#7ea1e7 |
rgb(126,161,231) |
hsl(220,68%,70%) |
#6992e2 |
rgb(105,146,226) |
hsl(220,68%,65%) |
#5482de |
rgb(84,130,222) |
hsl(220,68%,60%) |
#3e72da |
rgb(62,114,218) |
hsl(220,68%,55%) |
#2963d6 |
rgb(41,99,214) |
hsl(220,68%,50%) |
#2559c1 |
rgb(37,89,193) |
hsl(220,68%,45%) |
#214fab |
rgb(33,79,171) |
hsl(220,68%,40%) |
#1d4596 |
rgb(29,69,150) |
hsl(220,68%,35%) |
#183b81 |
rgb(24,59,129) |
hsl(220,68%,30%) |
#14316b |
rgb(20,49,107) |
hsl(220,68%,25%) |
#102756 |
rgb(16,39,86) |
hsl(220,68%,20%) |
#0c1e40 |
rgb(12,30,64) |
hsl(220,68%,15%) |
#08142b |
rgb(8,20,43) |
hsl(220,68%,10%) |
#040a15 |
rgb(4,10,21) |
hsl(220,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7EE6E5 |
rgb(126,230,229) |
hsl(179,68%,70%) |
#7EA1E6 |
rgb(126,161,230) |
hsl(220,68%,70%) |
#A07DE6 |
rgb(160,125,230) |
hsl(260,68%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DDE6F8 |
rgb(221,230,248) |
hsl(220,66%,92%) |
#ADC4EF |
rgb(173,196,239) |
hsl(219,67%,81%) |
#7EA1E6 |
rgb(126,161,230) |
hsl(220,68%,70%) |
#4E80DC |
rgb(78,128,220) |
hsl(219,67%,58%) |
#275ECA |
rgb(39,94,202) |
hsl(220,68%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7EA1E6 |
rgb(126,161,230) |
hsl(220,68%,70%) |
#E68F7E |
rgb(230,143,126) |
hsl(10,68%,70%) |
#D5E67E |
rgb(213,230,126) |
hsl(70,68%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7EA1E6 |
rgb(126,161,230) |
hsl(220,68%,70%) |
#E6C27E |
rgb(230,194,126) |
hsl(39,68%,70%) |
#7ED6E6 |
rgb(126,214,230) |
hsl(189,68%,70%) |
#D5E67E |
rgb(213,230,126) |
hsl(70,68%,70%) |