HEX #80A8E5 color — Portage
The color #80a8e5 is a light shade and slightly desaturated.
Palette
80a8e5 color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(216,66%,95%) |
#d5e2f6 |
rgb(213,226,246) |
hsl(216,66%,90%) |
#c0d4f2 |
rgb(192,212,242) |
hsl(216,66%,85%) |
#aac5ee |
rgb(170,197,238) |
hsl(216,66%,80%) |
#95b7e9 |
rgb(149,183,233) |
hsl(216,66%,75%) |
#80a8e5 |
rgb(128,168,229) |
hsl(216,66%,70%) |
#6b9ae1 |
rgb(107,154,225) |
hsl(216,66%,65%) |
#568cdc |
rgb(86,140,220) |
hsl(216,66%,60%) |
#417dd8 |
rgb(65,125,216) |
hsl(216,66%,55%) |
#2b6fd4 |
rgb(43,111,212) |
hsl(216,66%,50%) |
#2764be |
rgb(39,100,190) |
hsl(216,66%,45%) |
#2359a9 |
rgb(35,89,169) |
hsl(216,66%,40%) |
#1e4d94 |
rgb(30,77,148) |
hsl(216,66%,35%) |
#1a427f |
rgb(26,66,127) |
hsl(216,66%,30%) |
#16376a |
rgb(22,55,106) |
hsl(216,66%,25%) |
#112c55 |
rgb(17,44,85) |
hsl(216,66%,20%) |
#0d213f |
rgb(13,33,63) |
hsl(216,66%,15%) |
#09162a |
rgb(9,22,42) |
hsl(216,66%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(216,66%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#80E6DE |
rgb(128,230,222) |
hsl(175,67%,70%) |
#80A8E5 |
rgb(128,168,229) |
hsl(216,66%,70%) |
#9B80E5 |
rgb(155,128,229) |
hsl(256,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%) |
#AFC9EE |
rgb(175,201,238) |
hsl(215,65%,81%) |
#80A8E5 |
rgb(128,168,229) |
hsl(216,66%,70%) |
#5087DB |
rgb(80,135,219) |
hsl(216,66%,59%) |
#2969C9 |
rgb(41,105,201) |
hsl(216,66%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#80A8E5 |
rgb(128,168,229) |
hsl(216,66%,70%) |
#E58A80 |
rgb(229,138,128) |
hsl(6,66%,70%) |
#DAE680 |
rgb(218,230,128) |
hsl(67,67%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#80A8E5 |
rgb(128,168,229) |
hsl(216,66%,70%) |
#E5BD80 |
rgb(229,189,128) |
hsl(36,66%,70%) |
#80DBE5 |
rgb(128,219,229) |
hsl(186,66%,70%) |
#DAE680 |
rgb(218,230,128) |
hsl(67,67%,70%) |