HEX #80A2E5 color — Portage
The color #80a2e5 is a light shade and slightly desaturated.
Palette
80a2e5 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 |
| #80E6E4 |
rgb(128,230,228) |
hsl(179,67%,70%) |
| #80A2E5 |
rgb(128,162,229) |
hsl(220,66%,70%) |
| #A180E5 |
rgb(161,128,229) |
hsl(260,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%) |
| #AFC4EE |
rgb(175,196,238) |
hsl(220,65%,81%) |
| #80A2E5 |
rgb(128,162,229) |
hsl(220,66%,70%) |
| #5080DB |
rgb(80,128,219) |
hsl(219,66%,59%) |
| #295EC9 |
rgb(41,94,201) |
hsl(220,66%,47%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #80A2E5 |
rgb(128,162,229) |
hsl(220,66%,70%) |
| #E59180 |
rgb(229,145,128) |
hsl(10,66%,70%) |
| #D4E680 |
rgb(212,230,128) |
hsl(71,67%,70%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #80A2E5 |
rgb(128,162,229) |
hsl(220,66%,70%) |
| #E5C280 |
rgb(229,194,128) |
hsl(39,66%,70%) |
| #80D4E5 |
rgb(128,212,229) |
hsl(190,66%,70%) |
| #D4E680 |
rgb(212,230,128) |
hsl(71,67%,70%) |
