HEX #80A6E5 color — Portage
The color #80A6E5 is a light shade and slightly desaturated.
Palette
80A6E5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf0fb |
rgb(234,240,251) |
hsl(217,66%,95%) |
| #d5e2f6 |
rgb(213,226,246) |
hsl(217,66%,90%) |
| #c0d3f2 |
rgb(192,211,242) |
hsl(217,66%,85%) |
| #aac4ee |
rgb(170,196,238) |
hsl(217,66%,80%) |
| #95b5e9 |
rgb(149,181,233) |
hsl(217,66%,75%) |
| #80a7e5 |
rgb(128,167,229) |
hsl(217,66%,70%) |
| #6b98e1 |
rgb(107,152,225) |
hsl(217,66%,65%) |
| #5689dc |
rgb(86,137,220) |
hsl(217,66%,60%) |
| #417bd8 |
rgb(65,123,216) |
hsl(217,66%,55%) |
| #2b6cd4 |
rgb(43,108,212) |
hsl(217,66%,50%) |
| #2761be |
rgb(39,97,190) |
hsl(217,66%,45%) |
| #2356a9 |
rgb(35,86,169) |
hsl(217,66%,40%) |
| #1e4c94 |
rgb(30,76,148) |
hsl(217,66%,35%) |
| #1a417f |
rgb(26,65,127) |
hsl(217,66%,30%) |
| #16366a |
rgb(22,54,106) |
hsl(217,66%,25%) |
| #112b55 |
rgb(17,43,85) |
hsl(217,66%,20%) |
| #0d203f |
rgb(13,32,63) |
hsl(217,66%,15%) |
| #09162a |
rgb(9,22,42) |
hsl(217,66%,10%) |
| #040b15 |
rgb(4,11,21) |
hsl(217,66%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #80E6E0 |
rgb(128,230,224) |
hsl(176,67%,70%) |
| #80A6E5 |
rgb(128,166,229) |
hsl(217,66%,70%) |
| #9D80E5 |
rgb(157,128,229) |
hsl(257,66%,70%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
| #DEE8F8 |
rgb(222,232,248) |
hsl(217,65%,92%) |
| #AFC7EE |
rgb(175,199,238) |
hsl(217,65%,81%) |
| #80A6E5 |
rgb(128,166,229) |
hsl(217,66%,70%) |
| #5085DB |
rgb(80,133,219) |
hsl(217,66%,59%) |
| #2966C9 |
rgb(41,102,201) |
hsl(217,66%,47%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #80A6E5 |
rgb(128,166,229) |
hsl(217,66%,70%) |
| #E58C80 |
rgb(229,140,128) |
hsl(7,66%,70%) |
| #D8E680 |
rgb(216,230,128) |
hsl(68,67%,70%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #80A6E5 |
rgb(128,166,229) |
hsl(217,66%,70%) |
| #E5BF80 |
rgb(229,191,128) |
hsl(37,66%,70%) |
| #80D9E5 |
rgb(128,217,229) |
hsl(187,66%,70%) |
| #D8E680 |
rgb(216,230,128) |
hsl(68,67%,70%) |
