HEX #86A5EA color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

86a5ea color palette from light to dark

HEX RGB HSL
#f2f5fd rgb(242,245,253) hsl(221,70%,97%)
#dce5f9 rgb(220,229,249) hsl(221,70%,92%)
#c7d5f5 rgb(199,213,245) hsl(221,70%,87%)
#b1c5f1 rgb(177,197,241) hsl(221,70%,82%)
#9bb5ed rgb(155,181,237) hsl(221,70%,77%)
#86a5ea rgb(134,165,234) hsl(221,70%,72%)
#7095e6 rgb(112,149,230) hsl(221,70%,67%)
#5a85e2 rgb(90,133,226) hsl(221,70%,62%)
#4575de rgb(69,117,222) hsl(221,70%,57%)
#2f65da rgb(47,101,218) hsl(221,70%,52%)
#2459cc rgb(36,89,204) hsl(221,70%,47%)
#2050b6 rgb(32,80,182) hsl(221,70%,42%)
#1c46a0 rgb(28,70,160) hsl(221,70%,37%)
#183d8b rgb(24,61,139) hsl(221,70%,32%)
#153375 rgb(21,51,117) hsl(221,70%,27%)
#112a5f rgb(17,42,95) hsl(221,70%,22%)
#0d204a rgb(13,32,74) hsl(221,70%,17%)
#091734 rgb(9,23,52) hsl(221,70%,12%)
#050d1e rgb(5,13,30) hsl(221,70%,7%)
#020409 rgb(2,4,9) hsl(221,70%,2%)

Adjacent colors

HEX RGB HSL
#86E8EA rgb(134,232,234) hsl(181,70%,72%)
#86A5EA rgb(134,165,234) hsl(221,70%,72%)
#A987EA rgb(169,135,234) hsl(261,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%)
#86A5EA rgb(134,165,234) hsl(221,70%,72%)
#5380E1 rgb(83,128,225) hsl(221,70%,60%)
#255CD5 rgb(37,92,213) hsl(221,70%,49%)

Triad color palettes

HEX RGB HSL
#86A5EA rgb(134,165,234) hsl(221,70%,72%)
#EA9986 rgb(234,153,134) hsl(11,70%,72%)
#D7EB86 rgb(215,235,134) hsl(72,72%,72%)

Tetrad color palettes

HEX RGB HSL
#86A5EA rgb(134,165,234) hsl(221,70%,72%)
#EACC86 rgb(234,204,134) hsl(42,70%,72%)
#86D6EA rgb(134,214,234) hsl(192,70%,72%)
#D7EB86 rgb(215,235,134) hsl(72,72%,72%)