HEX #828CF5 color — Portage
The color #828CF5 is a light shade and slightly desaturated.
Palette
828CF5 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(235,85%,99%) |
#e3e5fd |
rgb(227,229,253) |
hsl(235,85%,94%) |
#cbcffb |
rgb(203,207,251) |
hsl(235,85%,89%) |
#b4b9f9 |
rgb(180,185,249) |
hsl(235,85%,84%) |
#9ca4f7 |
rgb(156,164,247) |
hsl(235,85%,79%) |
#848ef5 |
rgb(132,142,245) |
hsl(235,85%,74%) |
#6d78f3 |
rgb(109,120,243) |
hsl(235,85%,69%) |
#5562f1 |
rgb(85,98,241) |
hsl(235,85%,64%) |
#3e4cef |
rgb(62,76,239) |
hsl(235,85%,59%) |
#2637ed |
rgb(38,55,237) |
hsl(235,85%,54%) |
#1324e7 |
rgb(19,36,231) |
hsl(235,85%,49%) |
#1121d0 |
rgb(17,33,208) |
hsl(235,85%,44%) |
#0f1db8 |
rgb(15,29,184) |
hsl(235,85%,39%) |
#0d19a0 |
rgb(13,25,160) |
hsl(235,85%,34%) |
#0b1689 |
rgb(11,22,137) |
hsl(235,85%,29%) |
#091271 |
rgb(9,18,113) |
hsl(235,85%,24%) |
#070e5a |
rgb(7,14,90) |
hsl(235,85%,19%) |
#050a42 |
rgb(5,10,66) |
hsl(235,85%,14%) |
#03072a |
rgb(3,7,42) |
hsl(235,85%,9%) |
#020313 |
rgb(2,3,19) |
hsl(235,85%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#82D9F5 |
rgb(130,217,245) |
hsl(195,85%,74%) |
#828CF5 |
rgb(130,140,245) |
hsl(235,85%,74%) |
#C482F5 |
rgb(196,130,245) |
hsl(274,85%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F1F2FD |
rgb(241,242,253) |
hsl(235,75%,97%) |
#B9BFF9 |
rgb(185,191,249) |
hsl(234,84%,85%) |
#828CF5 |
rgb(130,140,245) |
hsl(235,85%,74%) |
#4A59F0 |
rgb(74,89,240) |
hsl(235,85%,62%) |
#1226EC |
rgb(18,38,236) |
hsl(234,86%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#828CF5 |
rgb(130,140,245) |
hsl(235,85%,74%) |
#F5B382 |
rgb(245,179,130) |
hsl(26,85%,74%) |
#C5F582 |
rgb(197,245,130) |
hsl(85,85%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#828CF5 |
rgb(130,140,245) |
hsl(235,85%,74%) |
#F5EB82 |
rgb(245,235,130) |
hsl(55,85%,74%) |
#82C4F5 |
rgb(130,196,245) |
hsl(206,85%,74%) |
#C5F582 |
rgb(197,245,130) |
hsl(85,85%,74%) |