HEX #80A5EF color — Portage
The color #80a5ef is a light shade and slightly desaturated.
Palette
80a5ef color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fd |
rgb(241,245,253) |
hsl(220,78%,97%) |
#dbe5fb |
rgb(219,229,251) |
hsl(220,78%,92%) |
#c4d5f8 |
rgb(196,213,248) |
hsl(220,78%,87%) |
#adc5f5 |
rgb(173,197,245) |
hsl(220,78%,82%) |
#97b5f2 |
rgb(151,181,242) |
hsl(220,78%,77%) |
#80a5ef |
rgb(128,165,239) |
hsl(220,78%,72%) |
#6995ec |
rgb(105,149,236) |
hsl(220,78%,67%) |
#5385ea |
rgb(83,133,234) |
hsl(220,78%,62%) |
#3c75e7 |
rgb(60,117,231) |
hsl(220,78%,57%) |
#2565e4 |
rgb(37,101,228) |
hsl(220,78%,52%) |
#1a59d5 |
rgb(26,89,213) |
hsl(220,78%,47%) |
#184fbf |
rgb(24,79,191) |
hsl(220,78%,42%) |
#1546a8 |
rgb(21,70,168) |
hsl(220,78%,37%) |
#123c91 |
rgb(18,60,145) |
hsl(220,78%,32%) |
#0f337b |
rgb(15,51,123) |
hsl(220,78%,27%) |
#0c2a64 |
rgb(12,42,100) |
hsl(220,78%,22%) |
#0a204d |
rgb(10,32,77) |
hsl(220,78%,17%) |
#071736 |
rgb(7,23,54) |
hsl(220,78%,12%) |
#040d20 |
rgb(4,13,32) |
hsl(220,78%,7%) |
#010409 |
rgb(1,4,9) |
hsl(220,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#80F0EF |
rgb(128,240,239) |
hsl(179,79%,72%) |
#80A5EF |
rgb(128,165,239) |
hsl(220,78%,72%) |
#A580EF |
rgb(165,128,239) |
hsl(260,78%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E8F0FC |
rgb(232,240,252) |
hsl(216,77%,95%) |
#B4C9F5 |
rgb(180,201,245) |
hsl(221,76%,83%) |
#80A5EF |
rgb(128,165,239) |
hsl(220,78%,72%) |
#4B80E8 |
rgb(75,128,232) |
hsl(220,77%,60%) |
#1B5CDD |
rgb(27,92,221) |
hsl(220,78%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#80A5EF |
rgb(128,165,239) |
hsl(220,78%,72%) |
#EF9180 |
rgb(239,145,128) |
hsl(9,78%,72%) |
#DCF080 |
rgb(220,240,128) |
hsl(71,79%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#80A5EF |
rgb(128,165,239) |
hsl(220,78%,72%) |
#EFC980 |
rgb(239,201,128) |
hsl(39,78%,72%) |
#80DBEF |
rgb(128,219,239) |
hsl(191,78%,72%) |
#DCF080 |
rgb(220,240,128) |
hsl(71,79%,72%) |