HEX #86A2EA color — Portage
The color #86a2ea is a light shade and slightly desaturated.
Palette
86a2ea color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(223,70%,97%) |
#dce4f9 |
rgb(220,228,249) |
hsl(223,70%,92%) |
#c7d4f5 |
rgb(199,212,245) |
hsl(223,70%,87%) |
#b1c3f1 |
rgb(177,195,241) |
hsl(223,70%,82%) |
#9bb3ed |
rgb(155,179,237) |
hsl(223,70%,77%) |
#86a2ea |
rgb(134,162,234) |
hsl(223,70%,72%) |
#7091e6 |
rgb(112,145,230) |
hsl(223,70%,67%) |
#5a81e2 |
rgb(90,129,226) |
hsl(223,70%,62%) |
#4570de |
rgb(69,112,222) |
hsl(223,70%,57%) |
#2f5fda |
rgb(47,95,218) |
hsl(223,70%,52%) |
#2453cc |
rgb(36,83,204) |
hsl(223,70%,47%) |
#204bb6 |
rgb(32,75,182) |
hsl(223,70%,42%) |
#1c42a0 |
rgb(28,66,160) |
hsl(223,70%,37%) |
#18398b |
rgb(24,57,139) |
hsl(223,70%,32%) |
#153075 |
rgb(21,48,117) |
hsl(223,70%,27%) |
#11275f |
rgb(17,39,95) |
hsl(223,70%,22%) |
#0d1e4a |
rgb(13,30,74) |
hsl(223,70%,17%) |
#091534 |
rgb(9,21,52) |
hsl(223,70%,12%) |
#050c1e |
rgb(5,12,30) |
hsl(223,70%,7%) |
#020409 |
rgb(2,4,9) |
hsl(223,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#86E6EA |
rgb(134,230,234) |
hsl(182,70%,72%) |
#86A2EA |
rgb(134,162,234) |
hsl(223,70%,72%) |
#AC87EA |
rgb(172,135,234) |
hsl(262,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%) |
#B8C9F2 |
rgb(184,201,242) |
hsl(222,69%,84%) |
#86A2EA |
rgb(134,162,234) |
hsl(223,70%,72%) |
#537AE1 |
rgb(83,122,225) |
hsl(224,70%,60%) |
#2557D5 |
rgb(37,87,213) |
hsl(223,70%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#86A2EA |
rgb(134,162,234) |
hsl(223,70%,72%) |
#EA9C86 |
rgb(234,156,134) |
hsl(13,70%,72%) |
#D4EB86 |
rgb(212,235,134) |
hsl(74,72%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#86A2EA |
rgb(134,162,234) |
hsl(223,70%,72%) |
#EACF86 |
rgb(234,207,134) |
hsl(44,70%,72%) |
#86D4EA |
rgb(134,212,234) |
hsl(193,70%,72%) |
#D4EB86 |
rgb(212,235,134) |
hsl(74,72%,72%) |