HEX #878EF2 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

878ef2 color palette from light to dark

HEX RGB HSL
#fafbfe rgb(250,251,254) hsl(236,80%,99%)
#e3e5fc rgb(227,229,252) hsl(236,80%,94%)
#cdd0f9 rgb(205,208,249) hsl(236,80%,89%)
#b6baf7 rgb(182,186,247) hsl(236,80%,84%)
#9fa4f4 rgb(159,164,244) hsl(236,80%,79%)
#888ff2 rgb(136,143,242) hsl(236,80%,74%)
#7179ef rgb(113,121,239) hsl(236,80%,69%)
#5a64ed rgb(90,100,237) hsl(236,80%,64%)
#434eea rgb(67,78,234) hsl(236,80%,59%)
#2c38e8 rgb(44,56,232) hsl(236,80%,54%)
#1926e1 rgb(25,38,225) hsl(236,80%,49%)
#1622ca rgb(22,34,202) hsl(236,80%,44%)
#141eb3 rgb(20,30,179) hsl(236,80%,39%)
#111b9c rgb(17,27,156) hsl(236,80%,34%)
#0f1785 rgb(15,23,133) hsl(236,80%,29%)
#0c136e rgb(12,19,110) hsl(236,80%,24%)
#0a0f57 rgb(10,15,87) hsl(236,80%,19%)
#070b40 rgb(7,11,64) hsl(236,80%,14%)
#050729 rgb(5,7,41) hsl(236,80%,9%)
#020312 rgb(2,3,18) hsl(236,80%,4%)

Adjacent colors

HEX RGB HSL
#87D6F2 rgb(135,214,242) hsl(196,80%,74%)
#878EF2 rgb(135,142,242) hsl(236,80%,74%)
#C787F2 rgb(199,135,242) hsl(276,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%)
#BDC2F7 rgb(189,194,247) hsl(235,78%,85%)
#878EF2 rgb(135,142,242) hsl(236,80%,74%)
#505CEC rgb(80,92,236) hsl(235,80%,62%)
#1A26E6 rgb(26,38,230) hsl(236,80%,50%)

Triad color palettes

HEX RGB HSL
#878EF2 rgb(135,142,242) hsl(236,80%,74%)
#F2B587 rgb(242,181,135) hsl(26,80%,74%)
#C3F287 rgb(195,242,135) hsl(86,80%,74%)

Tetrad color palettes

HEX RGB HSL
#878EF2 rgb(135,142,242) hsl(236,80%,74%)
#F2EB87 rgb(242,235,135) hsl(56,80%,74%)
#87C4F2 rgb(135,196,242) hsl(206,80%,74%)
#C3F287 rgb(195,242,135) hsl(86,80%,74%)