HEX #86A9EA color — Portage
The color #86a9ea is a light shade and slightly desaturated.
Palette
86a9ea color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,70%,97%) |
#dce6f9 |
rgb(220,230,249) |
hsl(219,70%,92%) |
#c7d7f5 |
rgb(199,215,245) |
hsl(219,70%,87%) |
#b1c7f1 |
rgb(177,199,241) |
hsl(219,70%,82%) |
#9bb8ed |
rgb(155,184,237) |
hsl(219,70%,77%) |
#86a9ea |
rgb(134,169,234) |
hsl(219,70%,72%) |
#7099e6 |
rgb(112,153,230) |
hsl(219,70%,67%) |
#5a8ae2 |
rgb(90,138,226) |
hsl(219,70%,62%) |
#457ade |
rgb(69,122,222) |
hsl(219,70%,57%) |
#2f6bda |
rgb(47,107,218) |
hsl(219,70%,52%) |
#245fcc |
rgb(36,95,204) |
hsl(219,70%,47%) |
#2055b6 |
rgb(32,85,182) |
hsl(219,70%,42%) |
#1c4ba0 |
rgb(28,75,160) |
hsl(219,70%,37%) |
#18408b |
rgb(24,64,139) |
hsl(219,70%,32%) |
#153675 |
rgb(21,54,117) |
hsl(219,70%,27%) |
#112c5f |
rgb(17,44,95) |
hsl(219,70%,22%) |
#0d224a |
rgb(13,34,74) |
hsl(219,70%,17%) |
#091834 |
rgb(9,24,52) |
hsl(219,70%,12%) |
#050e1e |
rgb(5,14,30) |
hsl(219,70%,7%) |
#020409 |
rgb(2,4,9) |
hsl(219,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#86EBE8 |
rgb(134,235,232) |
hsl(178,72%,72%) |
#86A9EA |
rgb(134,169,234) |
hsl(219,70%,72%) |
#A587EA |
rgb(165,135,234) |
hsl(258,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%) |
#86A9EA |
rgb(134,169,234) |
hsl(219,70%,72%) |
#5385E1 |
rgb(83,133,225) |
hsl(219,70%,60%) |
#2563D5 |
rgb(37,99,213) |
hsl(219,70%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#86A9EA |
rgb(134,169,234) |
hsl(219,70%,72%) |
#EA9486 |
rgb(234,148,134) |
hsl(8,70%,72%) |
#DBEB86 |
rgb(219,235,134) |
hsl(70,72%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#86A9EA |
rgb(134,169,234) |
hsl(219,70%,72%) |
#EAC786 |
rgb(234,199,134) |
hsl(39,70%,72%) |
#86DBEA |
rgb(134,219,234) |
hsl(189,70%,72%) |
#DBEB86 |
rgb(219,235,134) |
hsl(70,72%,72%) |