HEX #80A5E5 color — Portage
The color #80a5e5 is a light shade and slightly desaturated.
Palette
80a5e5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf0fb |
rgb(234,240,251) |
hsl(218,66%,95%) |
| #d5e1f6 |
rgb(213,225,246) |
hsl(218,66%,90%) |
| #c0d2f2 |
rgb(192,210,242) |
hsl(218,66%,85%) |
| #aac3ee |
rgb(170,195,238) |
hsl(218,66%,80%) |
| #95b4e9 |
rgb(149,180,233) |
hsl(218,66%,75%) |
| #80a5e5 |
rgb(128,165,229) |
hsl(218,66%,70%) |
| #6b96e1 |
rgb(107,150,225) |
hsl(218,66%,65%) |
| #5687dc |
rgb(86,135,220) |
hsl(218,66%,60%) |
| #4178d8 |
rgb(65,120,216) |
hsl(218,66%,55%) |
| #2b69d4 |
rgb(43,105,212) |
hsl(218,66%,50%) |
| #275fbe |
rgb(39,95,190) |
hsl(218,66%,45%) |
| #2354a9 |
rgb(35,84,169) |
hsl(218,66%,40%) |
| #1e4a94 |
rgb(30,74,148) |
hsl(218,66%,35%) |
| #1a3f7f |
rgb(26,63,127) |
hsl(218,66%,30%) |
| #16356a |
rgb(22,53,106) |
hsl(218,66%,25%) |
| #112a55 |
rgb(17,42,85) |
hsl(218,66%,20%) |
| #0d203f |
rgb(13,32,63) |
hsl(218,66%,15%) |
| #09152a |
rgb(9,21,42) |
hsl(218,66%,10%) |
| #040b15 |
rgb(4,11,21) |
hsl(218,66%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #80E6E1 |
rgb(128,230,225) |
hsl(177,67%,70%) |
| #80A5E5 |
rgb(128,165,229) |
hsl(218,66%,70%) |
| #9E80E5 |
rgb(158,128,229) |
hsl(258,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%) |
| #80A5E5 |
rgb(128,165,229) |
hsl(218,66%,70%) |
| #5085DB |
rgb(80,133,219) |
hsl(217,66%,59%) |
| #2963C9 |
rgb(41,99,201) |
hsl(218,66%,47%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #80A5E5 |
rgb(128,165,229) |
hsl(218,66%,70%) |
| #E58C80 |
rgb(229,140,128) |
hsl(7,66%,70%) |
| #D7E680 |
rgb(215,230,128) |
hsl(69,67%,70%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #80A5E5 |
rgb(128,165,229) |
hsl(218,66%,70%) |
| #E5BF80 |
rgb(229,191,128) |
hsl(37,66%,70%) |
| #80D9E5 |
rgb(128,217,229) |
hsl(187,66%,70%) |
| #D7E680 |
rgb(215,230,128) |
hsl(69,67%,70%) |
