HEX #80A3E5 color — Portage
The color #80a3e5 is a light shade and slightly desaturated.
Palette
80a3e5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf0fb |
rgb(234,240,251) |
hsl(219,66%,95%) |
| #d5e0f6 |
rgb(213,224,246) |
hsl(219,66%,90%) |
| #c0d1f2 |
rgb(192,209,242) |
hsl(219,66%,85%) |
| #aac2ee |
rgb(170,194,238) |
hsl(219,66%,80%) |
| #95b3e9 |
rgb(149,179,233) |
hsl(219,66%,75%) |
| #80a3e5 |
rgb(128,163,229) |
hsl(219,66%,70%) |
| #6b94e1 |
rgb(107,148,225) |
hsl(219,66%,65%) |
| #5685dc |
rgb(86,133,220) |
hsl(219,66%,60%) |
| #4176d8 |
rgb(65,118,216) |
hsl(219,66%,55%) |
| #2b66d4 |
rgb(43,102,212) |
hsl(219,66%,50%) |
| #275cbe |
rgb(39,92,190) |
hsl(219,66%,45%) |
| #2352a9 |
rgb(35,82,169) |
hsl(219,66%,40%) |
| #1e4894 |
rgb(30,72,148) |
hsl(219,66%,35%) |
| #1a3d7f |
rgb(26,61,127) |
hsl(219,66%,30%) |
| #16336a |
rgb(22,51,106) |
hsl(219,66%,25%) |
| #112955 |
rgb(17,41,85) |
hsl(219,66%,20%) |
| #0d1f3f |
rgb(13,31,63) |
hsl(219,66%,15%) |
| #09142a |
rgb(9,20,42) |
hsl(219,66%,10%) |
| #040a15 |
rgb(4,10,21) |
hsl(219,66%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #80E6E3 |
rgb(128,230,227) |
hsl(178,67%,70%) |
| #80A3E5 |
rgb(128,163,229) |
hsl(219,66%,70%) |
| #A080E5 |
rgb(160,128,229) |
hsl(259,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%) |
| #80A3E5 |
rgb(128,163,229) |
hsl(219,66%,70%) |
| #5080DB |
rgb(80,128,219) |
hsl(219,66%,59%) |
| #2961C9 |
rgb(41,97,201) |
hsl(219,66%,47%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #80A3E5 |
rgb(128,163,229) |
hsl(219,66%,70%) |
| #E58F80 |
rgb(229,143,128) |
hsl(9,66%,70%) |
| #D5E680 |
rgb(213,230,128) |
hsl(70,67%,70%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #80A3E5 |
rgb(128,163,229) |
hsl(219,66%,70%) |
| #E5C280 |
rgb(229,194,128) |
hsl(39,66%,70%) |
| #80D6E5 |
rgb(128,214,229) |
hsl(189,66%,70%) |
| #D5E680 |
rgb(213,230,128) |
hsl(70,67%,70%) |
