HEX #878CF0 color — Portage
The color #878CF0 is a light shade and slightly desaturated.
Palette
878CF0 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(237,78%,99%) |
#e4e5fc |
rgb(228,229,252) |
hsl(237,78%,94%) |
#cdcff9 |
rgb(205,207,249) |
hsl(237,78%,89%) |
#b6baf6 |
rgb(182,186,246) |
hsl(237,78%,84%) |
#a0a4f3 |
rgb(160,164,243) |
hsl(237,78%,79%) |
#898ef0 |
rgb(137,142,240) |
hsl(237,78%,74%) |
#7278ee |
rgb(114,120,238) |
hsl(237,78%,69%) |
#5c63eb |
rgb(92,99,235) |
hsl(237,78%,64%) |
#454de8 |
rgb(69,77,232) |
hsl(237,78%,59%) |
#2e37e5 |
rgb(46,55,229) |
hsl(237,78%,54%) |
#1b25de |
rgb(27,37,222) |
hsl(237,78%,49%) |
#1921c8 |
rgb(25,33,200) |
hsl(237,78%,44%) |
#161eb1 |
rgb(22,30,177) |
hsl(237,78%,39%) |
#131a9a |
rgb(19,26,154) |
hsl(237,78%,34%) |
#101684 |
rgb(16,22,132) |
hsl(237,78%,29%) |
#0d126d |
rgb(13,18,109) |
hsl(237,78%,24%) |
#0b0e56 |
rgb(11,14,86) |
hsl(237,78%,19%) |
#080b40 |
rgb(8,11,64) |
hsl(237,78%,14%) |
#050729 |
rgb(5,7,41) |
hsl(237,78%,9%) |
#020312 |
rgb(2,3,18) |
hsl(237,78%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#87D1F0 |
rgb(135,209,240) |
hsl(198,78%,74%) |
#878CF0 |
rgb(135,140,240) |
hsl(237,78%,74%) |
#C887F0 |
rgb(200,135,240) |
hsl(277,78%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F1F2FD |
rgb(241,242,253) |
hsl(235,75%,97%) |
#BCBFF6 |
rgb(188,191,246) |
hsl(237,76%,85%) |
#878CF0 |
rgb(135,140,240) |
hsl(237,78%,74%) |
#5159E9 |
rgb(81,89,233) |
hsl(237,78%,62%) |
#1C26E2 |
rgb(28,38,226) |
hsl(237,78%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#878CF0 |
rgb(135,140,240) |
hsl(237,78%,74%) |
#F0B887 |
rgb(240,184,135) |
hsl(28,78%,74%) |
#C0F087 |
rgb(192,240,135) |
hsl(87,78%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#878CF0 |
rgb(135,140,240) |
hsl(237,78%,74%) |
#F0EB87 |
rgb(240,235,135) |
hsl(57,78%,74%) |
#87BFF0 |
rgb(135,191,240) |
hsl(208,78%,74%) |
#C0F087 |
rgb(192,240,135) |
hsl(87,78%,74%) |