HEX #86A8E5 color — Portage
The color #86A8E5 is a light shade and slightly desaturated.
Palette
86A8E5 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(219,65%,96%) |
#d9e4f7 |
rgb(217,228,247) |
hsl(219,65%,91%) |
#c4d4f3 |
rgb(196,212,243) |
hsl(219,65%,86%) |
#afc5ee |
rgb(175,197,238) |
hsl(219,65%,81%) |
#9ab6ea |
rgb(154,182,234) |
hsl(219,65%,76%) |
#85a7e5 |
rgb(133,167,229) |
hsl(219,65%,71%) |
#7097e1 |
rgb(112,151,225) |
hsl(219,65%,66%) |
#5b88dc |
rgb(91,136,220) |
hsl(219,65%,61%) |
#4679d8 |
rgb(70,121,216) |
hsl(219,65%,56%) |
#316ad3 |
rgb(49,106,211) |
hsl(219,65%,51%) |
#295ec2 |
rgb(41,94,194) |
hsl(219,65%,46%) |
#2554ad |
rgb(37,84,173) |
hsl(219,65%,41%) |
#204a97 |
rgb(32,74,151) |
hsl(219,65%,36%) |
#1c4082 |
rgb(28,64,130) |
hsl(219,65%,31%) |
#17356d |
rgb(23,53,109) |
hsl(219,65%,26%) |
#132b58 |
rgb(19,43,88) |
hsl(219,65%,21%) |
#0e2143 |
rgb(14,33,67) |
hsl(219,65%,16%) |
#0a172e |
rgb(10,23,46) |
hsl(219,65%,11%) |
#050c19 |
rgb(5,12,25) |
hsl(219,65%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,65%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#86E6E2 |
rgb(134,230,226) |
hsl(178,66%,71%) |
#86A8E5 |
rgb(134,168,229) |
hsl(219,65%,71%) |
#A387E5 |
rgb(163,135,229) |
hsl(258,64%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E5EDF9 |
rgb(229,237,249) |
hsl(216,63%,94%) |
#B5C9EF |
rgb(181,201,239) |
hsl(219,64%,82%) |
#86A8E5 |
rgb(134,168,229) |
hsl(219,65%,71%) |
#5685DA |
rgb(86,133,218) |
hsl(219,64%,60%) |
#2B66CB |
rgb(43,102,203) |
hsl(218,65%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#86A8E5 |
rgb(134,168,229) |
hsl(219,65%,71%) |
#E59486 |
rgb(229,148,134) |
hsl(9,65%,71%) |
#D7E686 |
rgb(215,230,134) |
hsl(69,66%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#86A8E5 |
rgb(134,168,229) |
hsl(219,65%,71%) |
#E5C286 |
rgb(229,194,134) |
hsl(38,65%,71%) |
#86D9E5 |
rgb(134,217,229) |
hsl(188,65%,71%) |
#D7E686 |
rgb(215,230,134) |
hsl(69,66%,71%) |