HEX #878AF2 color — Portage
The color #878AF2 is a light shade and slightly desaturated.
Palette
878AF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(238,80%,99%) |
#e3e4fc |
rgb(227,228,252) |
hsl(238,80%,94%) |
#cdcef9 |
rgb(205,206,249) |
hsl(238,80%,89%) |
#b6b8f7 |
rgb(182,184,247) |
hsl(238,80%,84%) |
#9fa1f4 |
rgb(159,161,244) |
hsl(238,80%,79%) |
#888bf2 |
rgb(136,139,242) |
hsl(238,80%,74%) |
#7175ef |
rgb(113,117,239) |
hsl(238,80%,69%) |
#5a5fed |
rgb(90,95,237) |
hsl(238,80%,64%) |
#4348ea |
rgb(67,72,234) |
hsl(238,80%,59%) |
#2c32e8 |
rgb(44,50,232) |
hsl(238,80%,54%) |
#1920e1 |
rgb(25,32,225) |
hsl(238,80%,49%) |
#161cca |
rgb(22,28,202) |
hsl(238,80%,44%) |
#1419b3 |
rgb(20,25,179) |
hsl(238,80%,39%) |
#11169c |
rgb(17,22,156) |
hsl(238,80%,34%) |
#0f1385 |
rgb(15,19,133) |
hsl(238,80%,29%) |
#0c106e |
rgb(12,16,110) |
hsl(238,80%,24%) |
#0a0c57 |
rgb(10,12,87) |
hsl(238,80%,19%) |
#070940 |
rgb(7,9,64) |
hsl(238,80%,14%) |
#050629 |
rgb(5,6,41) |
hsl(238,80%,9%) |
#020312 |
rgb(2,3,18) |
hsl(238,80%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#87D1F2 |
rgb(135,209,242) |
hsl(199,80%,74%) |
#878AF2 |
rgb(135,138,242) |
hsl(238,80%,74%) |
#CB87F2 |
rgb(203,135,242) |
hsl(278,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%) |
#878AF2 |
rgb(135,138,242) |
hsl(238,80%,74%) |
#5054EC |
rgb(80,84,236) |
hsl(238,80%,62%) |
#1A1FE6 |
rgb(26,31,230) |
hsl(239,80%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#878AF2 |
rgb(135,138,242) |
hsl(238,80%,74%) |
#F2BA87 |
rgb(242,186,135) |
hsl(29,80%,74%) |
#BFF287 |
rgb(191,242,135) |
hsl(89,80%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#878AF2 |
rgb(135,138,242) |
hsl(238,80%,74%) |
#F2F087 |
rgb(242,240,135) |
hsl(59,80%,74%) |
#87BFF2 |
rgb(135,191,242) |
hsl(209,80%,74%) |
#BFF287 |
rgb(191,242,135) |
hsl(89,80%,74%) |