HEX #878CF2 color — Portage

The color #878cf2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

878cf2 color palette from light to dark

HEX RGB HSL
#fafbfe rgb(250,251,254) hsl(237,80%,99%)
#e3e5fc rgb(227,229,252) hsl(237,80%,94%)
#cdcff9 rgb(205,207,249) hsl(237,80%,89%)
#b6b9f7 rgb(182,185,247) hsl(237,80%,84%)
#9fa3f4 rgb(159,163,244) hsl(237,80%,79%)
#888df2 rgb(136,141,242) hsl(237,80%,74%)
#7177ef rgb(113,119,239) hsl(237,80%,69%)
#5a61ed rgb(90,97,237) hsl(237,80%,64%)
#434bea rgb(67,75,234) hsl(237,80%,59%)
#2c35e8 rgb(44,53,232) hsl(237,80%,54%)
#1923e1 rgb(25,35,225) hsl(237,80%,49%)
#161fca rgb(22,31,202) hsl(237,80%,44%)
#141cb3 rgb(20,28,179) hsl(237,80%,39%)
#11189c rgb(17,24,156) hsl(237,80%,34%)
#0f1585 rgb(15,21,133) hsl(237,80%,29%)
#0c116e rgb(12,17,110) hsl(237,80%,24%)
#0a0e57 rgb(10,14,87) hsl(237,80%,19%)
#070a40 rgb(7,10,64) hsl(237,80%,14%)
#050629 rgb(5,6,41) hsl(237,80%,9%)
#020312 rgb(2,3,18) hsl(237,80%,4%)

Adjacent colors

HEX RGB HSL
#87D4F2 rgb(135,212,242) hsl(197,80%,74%)
#878CF2 rgb(135,140,242) hsl(237,80%,74%)
#C987F2 rgb(201,135,242) hsl(277,80%,74%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#F3F5FD rgb(243,245,253) hsl(228,71%,97%)
#BDBFF7 rgb(189,191,247) hsl(238,78%,85%)
#878CF2 rgb(135,140,242) hsl(237,80%,74%)
#5057EC rgb(80,87,236) hsl(237,80%,62%)
#1A24E6 rgb(26,36,230) hsl(237,80%,50%)

Triad color palettes

HEX RGB HSL
#878CF2 rgb(135,140,242) hsl(237,80%,74%)
#F2B887 rgb(242,184,135) hsl(27,80%,74%)
#C1F287 rgb(193,242,135) hsl(87,80%,74%)

Tetrad color palettes

HEX RGB HSL
#878CF2 rgb(135,140,242) hsl(237,80%,74%)
#F2ED87 rgb(242,237,135) hsl(57,80%,74%)
#87C2F2 rgb(135,194,242) hsl(207,80%,74%)
#C1F287 rgb(193,242,135) hsl(87,80%,74%)