HEX #878AE8 color — Portage
The color #878ae8 is a light shade and slightly desaturated.
Palette
878ae8 color palette from light to dark
HEX |
RGB |
HSL |
#f2f2fd |
rgb(242,242,253) |
hsl(238,68%,97%) |
#dddef8 |
rgb(221,222,248) |
hsl(238,68%,92%) |
#c7c9f4 |
rgb(199,201,244) |
hsl(238,68%,87%) |
#b2b4f0 |
rgb(178,180,240) |
hsl(238,68%,82%) |
#9c9fec |
rgb(156,159,236) |
hsl(238,68%,77%) |
#878ae8 |
rgb(135,138,232) |
hsl(238,68%,72%) |
#7275e4 |
rgb(114,117,228) |
hsl(238,68%,67%) |
#5c61e0 |
rgb(92,97,224) |
hsl(238,68%,62%) |
#474cdc |
rgb(71,76,220) |
hsl(238,68%,57%) |
#3137d8 |
rgb(49,55,216) |
hsl(238,68%,52%) |
#262cc9 |
rgb(38,44,201) |
hsl(238,68%,47%) |
#2227b4 |
rgb(34,39,180) |
hsl(238,68%,42%) |
#1e229f |
rgb(30,34,159) |
hsl(238,68%,37%) |
#1a1e89 |
rgb(26,30,137) |
hsl(238,68%,32%) |
#161974 |
rgb(22,25,116) |
hsl(238,68%,27%) |
#12145e |
rgb(18,20,94) |
hsl(238,68%,22%) |
#0e1049 |
rgb(14,16,73) |
hsl(238,68%,17%) |
#0a0b33 |
rgb(10,11,51) |
hsl(238,68%,12%) |
#06071e |
rgb(6,7,30) |
hsl(238,68%,7%) |
#020209 |
rgb(2,2,9) |
hsl(238,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#87C9E8 |
rgb(135,201,232) |
hsl(199,68%,72%) |
#878AE8 |
rgb(135,138,232) |
hsl(238,68%,72%) |
#C487E8 |
rgb(196,135,232) |
hsl(278,68%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E9EBFA |
rgb(233,235,250) |
hsl(233,63%,95%) |
#B8BAF1 |
rgb(184,186,241) |
hsl(238,67%,83%) |
#878AE8 |
rgb(135,138,232) |
hsl(238,68%,72%) |
#5559DE |
rgb(85,89,222) |
hsl(238,67%,60%) |
#282ED1 |
rgb(40,46,209) |
hsl(238,68%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#878AE8 |
rgb(135,138,232) |
hsl(238,68%,72%) |
#E8B587 |
rgb(232,181,135) |
hsl(28,68%,72%) |
#BAE887 |
rgb(186,232,135) |
hsl(88,68%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#878AE8 |
rgb(135,138,232) |
hsl(238,68%,72%) |
#E8E687 |
rgb(232,230,135) |
hsl(59,68%,72%) |
#87BAE8 |
rgb(135,186,232) |
hsl(208,68%,72%) |
#BAE887 |
rgb(186,232,135) |
hsl(88,68%,72%) |