HEX #848EF5 color — Portage
The color #848ef5 is a light shade and slightly desaturated.
Palette
848ef5 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 |
#84D9F5 |
rgb(132,217,245) |
hsl(195,85%,74%) |
#848EF5 |
rgb(132,142,245) |
hsl(235,85%,74%) |
#C585F5 |
rgb(197,133,245) |
hsl(274,85%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F3F5FE |
rgb(243,245,254) |
hsl(229,85%,97%) |
#BBC2F9 |
rgb(187,194,249) |
hsl(233,84%,85%) |
#848EF5 |
rgb(132,142,245) |
hsl(235,85%,74%) |
#4C5CF0 |
rgb(76,92,240) |
hsl(234,85%,62%) |
#1426EB |
rgb(20,38,235) |
hsl(235,84%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#848EF5 |
rgb(132,142,245) |
hsl(235,85%,74%) |
#F5B384 |
rgb(245,179,132) |
hsl(25,85%,74%) |
#C6F584 |
rgb(198,245,132) |
hsl(85,85%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#848EF5 |
rgb(132,142,245) |
hsl(235,85%,74%) |
#F5EB84 |
rgb(245,235,132) |
hsl(55,85%,74%) |
#84C7F5 |
rgb(132,199,245) |
hsl(204,85%,74%) |
#C6F584 |
rgb(198,245,132) |
hsl(85,85%,74%) |