HEX #84A3F2 color — Portage
The color #84A3F2 is a light shade and slightly desaturated.
Palette
84A3F2 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(223,81%,98%) |
#dfe7fc |
rgb(223,231,252) |
hsl(223,81%,93%) |
#c8d6f9 |
rgb(200,214,249) |
hsl(223,81%,88%) |
#b1c4f7 |
rgb(177,196,247) |
hsl(223,81%,83%) |
#99b3f4 |
rgb(153,179,244) |
hsl(223,81%,78%) |
#82a2f2 |
rgb(130,162,242) |
hsl(223,81%,73%) |
#6b91ef |
rgb(107,145,239) |
hsl(223,81%,68%) |
#5480ed |
rgb(84,128,237) |
hsl(223,81%,63%) |
#3d6eeb |
rgb(61,110,235) |
hsl(223,81%,58%) |
#265de8 |
rgb(38,93,232) |
hsl(223,81%,53%) |
#174fde |
rgb(23,79,222) |
hsl(223,81%,48%) |
#1547c6 |
rgb(21,71,198) |
hsl(223,81%,43%) |
#123faf |
rgb(18,63,175) |
hsl(223,81%,38%) |
#103798 |
rgb(16,55,152) |
hsl(223,81%,33%) |
#0e2e81 |
rgb(14,46,129) |
hsl(223,81%,28%) |
#0b266a |
rgb(11,38,106) |
hsl(223,81%,23%) |
#091e53 |
rgb(9,30,83) |
hsl(223,81%,18%) |
#06163c |
rgb(6,22,60) |
hsl(223,81%,13%) |
#040d25 |
rgb(4,13,37) |
hsl(223,81%,8%) |
#01050e |
rgb(1,5,14) |
hsl(223,81%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#84EDF2 |
rgb(132,237,242) |
hsl(183,81%,73%) |
#84A3F2 |
rgb(132,163,242) |
hsl(223,81%,73%) |
#AE85F2 |
rgb(174,133,242) |
hsl(263,81%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F0F5FD |
rgb(240,245,253) |
hsl(217,76%,97%) |
#BACCF7 |
rgb(186,204,247) |
hsl(222,79%,85%) |
#84A3F2 |
rgb(132,163,242) |
hsl(223,81%,73%) |
#4D7AEC |
rgb(77,122,236) |
hsl(223,81%,61%) |
#1852E6 |
rgb(24,82,230) |
hsl(223,81%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#84A3F2 |
rgb(132,163,242) |
hsl(223,81%,73%) |
#F29C84 |
rgb(242,156,132) |
hsl(13,81%,73%) |
#DAF284 |
rgb(218,242,132) |
hsl(73,81%,73%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#84A3F2 |
rgb(132,163,242) |
hsl(223,81%,73%) |
#F2D484 |
rgb(242,212,132) |
hsl(44,81%,73%) |
#84D9F2 |
rgb(132,217,242) |
hsl(194,81%,73%) |
#DAF284 |
rgb(218,242,132) |
hsl(73,81%,73%) |