HEX #86A8EA color — Portage
The color #86A8EA is a light shade and slightly desaturated.
Palette
86A8EA color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(220,70%,97%) |
#dce6f9 |
rgb(220,230,249) |
hsl(220,70%,92%) |
#c7d6f5 |
rgb(199,214,245) |
hsl(220,70%,87%) |
#b1c6f1 |
rgb(177,198,241) |
hsl(220,70%,82%) |
#9bb7ed |
rgb(155,183,237) |
hsl(220,70%,77%) |
#86a7ea |
rgb(134,167,234) |
hsl(220,70%,72%) |
#7097e6 |
rgb(112,151,230) |
hsl(220,70%,67%) |
#5a87e2 |
rgb(90,135,226) |
hsl(220,70%,62%) |
#4578de |
rgb(69,120,222) |
hsl(220,70%,57%) |
#2f68da |
rgb(47,104,218) |
hsl(220,70%,52%) |
#245ccc |
rgb(36,92,204) |
hsl(220,70%,47%) |
#2052b6 |
rgb(32,82,182) |
hsl(220,70%,42%) |
#1c48a0 |
rgb(28,72,160) |
hsl(220,70%,37%) |
#183f8b |
rgb(24,63,139) |
hsl(220,70%,32%) |
#153575 |
rgb(21,53,117) |
hsl(220,70%,27%) |
#112b5f |
rgb(17,43,95) |
hsl(220,70%,22%) |
#0d214a |
rgb(13,33,74) |
hsl(220,70%,17%) |
#091734 |
rgb(9,23,52) |
hsl(220,70%,12%) |
#050e1e |
rgb(5,14,30) |
hsl(220,70%,7%) |
#020409 |
rgb(2,4,9) |
hsl(220,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#86EBE9 |
rgb(134,235,233) |
hsl(179,72%,72%) |
#86A8EA |
rgb(134,168,234) |
hsl(220,70%,72%) |
#A687EA |
rgb(166,135,234) |
hsl(259,70%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#EAF0FB |
rgb(234,240,251) |
hsl(219,68%,95%) |
#B8CCF2 |
rgb(184,204,242) |
hsl(219,69%,84%) |
#86A8EA |
rgb(134,168,234) |
hsl(220,70%,72%) |
#5385E1 |
rgb(83,133,225) |
hsl(219,70%,60%) |
#2561D5 |
rgb(37,97,213) |
hsl(220,70%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#86A8EA |
rgb(134,168,234) |
hsl(220,70%,72%) |
#EA9686 |
rgb(234,150,134) |
hsl(10,70%,72%) |
#DAEB86 |
rgb(218,235,134) |
hsl(70,72%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#86A8EA |
rgb(134,168,234) |
hsl(220,70%,72%) |
#EAC786 |
rgb(234,199,134) |
hsl(39,70%,72%) |
#86D9EA |
rgb(134,217,234) |
hsl(190,70%,72%) |
#DAEB86 |
rgb(218,235,134) |
hsl(70,72%,72%) |