HEX #86A7E9 color — Portage

The color #86a7e9 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

86a7e9 color palette from light to dark

HEX RGB HSL
#f2f6fd rgb(242,246,253) hsl(220,69%,97%)
#dde6f9 rgb(221,230,249) hsl(220,69%,92%)
#c7d6f5 rgb(199,214,245) hsl(220,69%,87%)
#b1c7f1 rgb(177,199,241) hsl(220,69%,82%)
#9cb7ed rgb(156,183,237) hsl(220,69%,77%)
#86a7e9 rgb(134,167,233) hsl(220,69%,72%)
#7197e5 rgb(113,151,229) hsl(220,69%,67%)
#5b88e1 rgb(91,136,225) hsl(220,69%,62%)
#4678dd rgb(70,120,221) hsl(220,69%,57%)
#3068d9 rgb(48,104,217) hsl(220,69%,52%)
#255ccb rgb(37,92,203) hsl(220,69%,47%)
#2152b5 rgb(33,82,181) hsl(220,69%,42%)
#1d499f rgb(29,73,159) hsl(220,69%,37%)
#193f8a rgb(25,63,138) hsl(220,69%,32%)
#153574 rgb(21,53,116) hsl(220,69%,27%)
#112b5f rgb(17,43,95) hsl(220,69%,22%)
#0d2149 rgb(13,33,73) hsl(220,69%,17%)
#091834 rgb(9,24,52) hsl(220,69%,12%)
#060e1e rgb(6,14,30) hsl(220,69%,7%)
#020409 rgb(2,4,9) hsl(220,69%,2%)

Adjacent colors

HEX RGB HSL
#86E8E9 rgb(134,232,233) hsl(181,69%,72%)
#86A7E9 rgb(134,167,233) hsl(220,69%,72%)
#A787E9 rgb(167,135,233) hsl(260,69%,72%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#E9F0FB rgb(233,240,251) hsl(217,69%,95%)
#B7CCF2 rgb(183,204,242) hsl(219,69%,83%)
#86A7E9 rgb(134,167,233) hsl(220,69%,72%)
#5482DF rgb(84,130,223) hsl(220,68%,60%)
#2661D3 rgb(38,97,211) hsl(220,69%,49%)

Triad color palettes

HEX RGB HSL
#86A7E9 rgb(134,167,233) hsl(220,69%,72%)
#E99686 rgb(233,150,134) hsl(10,69%,72%)
#D8E886 rgb(216,232,134) hsl(70,68%,72%)

Tetrad color palettes

HEX RGB HSL
#86A7E9 rgb(134,167,233) hsl(220,69%,72%)
#E9C786 rgb(233,199,134) hsl(39,69%,72%)
#86D9E9 rgb(134,217,233) hsl(190,69%,72%)
#D8E886 rgb(216,232,134) hsl(70,68%,72%)