HEX #86A1ED color — Portage
The color #86A1ED is a light shade and slightly desaturated.
Palette
86A1ED color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(224,74%,98%) |
#e0e7fa |
rgb(224,231,250) |
hsl(224,74%,93%) |
#cad6f7 |
rgb(202,214,247) |
hsl(224,74%,88%) |
#b4c5f4 |
rgb(180,197,244) |
hsl(224,74%,83%) |
#9db4f0 |
rgb(157,180,240) |
hsl(224,74%,78%) |
#87a2ed |
rgb(135,162,237) |
hsl(224,74%,73%) |
#7191ea |
rgb(113,145,234) |
hsl(224,74%,68%) |
#5b80e6 |
rgb(91,128,230) |
hsl(224,74%,63%) |
#456fe3 |
rgb(69,111,227) |
hsl(224,74%,58%) |
#2e5ee0 |
rgb(46,94,224) |
hsl(224,74%,53%) |
#2050d5 |
rgb(32,80,213) |
hsl(224,74%,48%) |
#1d48bf |
rgb(29,72,191) |
hsl(224,74%,43%) |
#193fa9 |
rgb(25,63,169) |
hsl(224,74%,38%) |
#163792 |
rgb(22,55,146) |
hsl(224,74%,33%) |
#132f7c |
rgb(19,47,124) |
hsl(224,74%,28%) |
#0f2666 |
rgb(15,38,102) |
hsl(224,74%,23%) |
#0c1e50 |
rgb(12,30,80) |
hsl(224,74%,18%) |
#09163a |
rgb(9,22,58) |
hsl(224,74%,13%) |
#050d23 |
rgb(5,13,35) |
hsl(224,74%,8%) |
#02050d |
rgb(2,5,13) |
hsl(224,74%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#86E6ED |
rgb(134,230,237) |
hsl(184,74%,73%) |
#86A1ED |
rgb(134,161,237) |
hsl(224,74%,73%) |
#AF87ED |
rgb(175,135,237) |
hsl(264,74%,73%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#EDF2FC |
rgb(237,242,252) |
hsl(220,71%,96%) |
#B9C9F4 |
rgb(185,201,244) |
hsl(224,73%,84%) |
#86A1ED |
rgb(134,161,237) |
hsl(224,74%,73%) |
#5278E5 |
rgb(82,120,229) |
hsl(224,74%,61%) |
#2052DB |
rgb(32,82,219) |
hsl(224,75%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#86A1ED |
rgb(134,161,237) |
hsl(224,74%,73%) |
#ED9E86 |
rgb(237,158,134) |
hsl(14,74%,73%) |
#D4ED86 |
rgb(212,237,134) |
hsl(75,74%,73%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#86A1ED |
rgb(134,161,237) |
hsl(224,74%,73%) |
#EDD186 |
rgb(237,209,134) |
hsl(44,74%,73%) |
#86D4ED |
rgb(134,212,237) |
hsl(195,74%,73%) |
#D4ED86 |
rgb(212,237,134) |
hsl(75,74%,73%) |