HEX #828AF3 color — Portage
The color #828AF3 is a light shade and slightly desaturated.
Palette
828AF3 color palette from light to dark
HEX |
RGB |
HSL |
#f6f6fe |
rgb(246,246,254) |
hsl(236,82%,98%) |
#dfe0fc |
rgb(223,224,252) |
hsl(236,82%,93%) |
#c7cbf9 |
rgb(199,203,249) |
hsl(236,82%,88%) |
#b0b5f7 |
rgb(176,181,247) |
hsl(236,82%,83%) |
#999ff5 |
rgb(153,159,245) |
hsl(236,82%,78%) |
#8289f3 |
rgb(130,137,243) |
hsl(236,82%,73%) |
#6a73f0 |
rgb(106,115,240) |
hsl(236,82%,68%) |
#535eee |
rgb(83,94,238) |
hsl(236,82%,63%) |
#3c48ec |
rgb(60,72,236) |
hsl(236,82%,58%) |
#2532e9 |
rgb(37,50,233) |
hsl(236,82%,53%) |
#1623df |
rgb(22,35,223) |
hsl(236,82%,48%) |
#1420c8 |
rgb(20,32,200) |
hsl(236,82%,43%) |
#111cb0 |
rgb(17,28,176) |
hsl(236,82%,38%) |
#0f1899 |
rgb(15,24,153) |
hsl(236,82%,33%) |
#0d1582 |
rgb(13,21,130) |
hsl(236,82%,28%) |
#0b116b |
rgb(11,17,107) |
hsl(236,82%,23%) |
#080d54 |
rgb(8,13,84) |
hsl(236,82%,18%) |
#060a3c |
rgb(6,10,60) |
hsl(236,82%,13%) |
#040625 |
rgb(4,6,37) |
hsl(236,82%,8%) |
#01020e |
rgb(1,2,14) |
hsl(236,82%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#82D6F3 |
rgb(130,214,243) |
hsl(195,82%,73%) |
#828AF3 |
rgb(130,138,243) |
hsl(236,82%,73%) |
#C582F3 |
rgb(197,130,243) |
hsl(276,82%,73%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#EEF0FD |
rgb(238,240,253) |
hsl(232,79%,96%) |
#B8BDF8 |
rgb(184,189,248) |
hsl(235,82%,85%) |
#828AF3 |
rgb(130,138,243) |
hsl(236,82%,73%) |
#4B57ED |
rgb(75,87,237) |
hsl(236,82%,61%) |
#1626E7 |
rgb(22,38,231) |
hsl(235,83%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#828AF3 |
rgb(130,138,243) |
hsl(236,82%,73%) |
#F3B382 |
rgb(243,179,130) |
hsl(26,82%,73%) |
#C2F282 |
rgb(194,242,130) |
hsl(86,81%,73%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#828AF3 |
rgb(130,138,243) |
hsl(236,82%,73%) |
#F3EB82 |
rgb(243,235,130) |
hsl(56,82%,73%) |
#82C2F3 |
rgb(130,194,243) |
hsl(206,82%,73%) |
#C2F282 |
rgb(194,242,130) |
hsl(86,81%,73%) |