HEX #86A2EE color — Portage
The color #86a2ee is a light shade and slightly desaturated.
Palette
86a2ee color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(224,75%,98%) |
#e0e7fb |
rgb(224,231,251) |
hsl(224,75%,93%) |
#c9d6f7 |
rgb(201,214,247) |
hsl(224,75%,88%) |
#b3c4f4 |
rgb(179,196,244) |
hsl(224,75%,83%) |
#9db3f1 |
rgb(157,179,241) |
hsl(224,75%,78%) |
#87a2ee |
rgb(135,162,238) |
hsl(224,75%,73%) |
#7091eb |
rgb(112,145,235) |
hsl(224,75%,68%) |
#5a80e7 |
rgb(90,128,231) |
hsl(224,75%,63%) |
#446ee4 |
rgb(68,110,228) |
hsl(224,75%,58%) |
#2d5de1 |
rgb(45,93,225) |
hsl(224,75%,53%) |
#1f50d6 |
rgb(31,80,214) |
hsl(224,75%,48%) |
#1b47c0 |
rgb(27,71,192) |
hsl(224,75%,43%) |
#183faa |
rgb(24,63,170) |
hsl(224,75%,38%) |
#153793 |
rgb(21,55,147) |
hsl(224,75%,33%) |
#122e7d |
rgb(18,46,125) |
hsl(224,75%,28%) |
#0f2667 |
rgb(15,38,103) |
hsl(224,75%,23%) |
#0b1e50 |
rgb(11,30,80) |
hsl(224,75%,18%) |
#08163a |
rgb(8,22,58) |
hsl(224,75%,13%) |
#050d24 |
rgb(5,13,36) |
hsl(224,75%,8%) |
#02050d |
rgb(2,5,13) |
hsl(224,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#86E8EE |
rgb(134,232,238) |
hsl(183,75%,73%) |
#86A2EE |
rgb(134,162,238) |
hsl(224,75%,73%) |
#AF87EE |
rgb(175,135,238) |
hsl(263,75%,73%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#EEF2FC |
rgb(238,242,252) |
hsl(223,70%,96%) |
#BAC9F5 |
rgb(186,201,245) |
hsl(225,75%,85%) |
#86A2EE |
rgb(134,162,238) |
hsl(224,75%,73%) |
#517AE6 |
rgb(81,122,230) |
hsl(223,75%,61%) |
#1F52DD |
rgb(31,82,221) |
hsl(224,75%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#86A2EE |
rgb(134,162,238) |
hsl(224,75%,73%) |
#EE9E86 |
rgb(238,158,134) |
hsl(14,75%,73%) |
#D6ED86 |
rgb(214,237,134) |
hsl(73,74%,73%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#86A2EE |
rgb(134,162,238) |
hsl(224,75%,73%) |
#EED186 |
rgb(238,209,134) |
hsl(43,75%,73%) |
#86D6EE |
rgb(134,214,238) |
hsl(194,75%,73%) |
#D6ED86 |
rgb(214,237,134) |
hsl(73,74%,73%) |