HEX #879BF2 color — Portage
The color #879bf2 is a light shade and slightly desaturated.
Palette
879bf2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(229,80%,99%) |
#e3e8fc |
rgb(227,232,252) |
hsl(229,80%,94%) |
#cdd5f9 |
rgb(205,213,249) |
hsl(229,80%,89%) |
#b6c2f7 |
rgb(182,194,247) |
hsl(229,80%,84%) |
#9faef4 |
rgb(159,174,244) |
hsl(229,80%,79%) |
#889bf2 |
rgb(136,155,242) |
hsl(229,80%,74%) |
#7188ef |
rgb(113,136,239) |
hsl(229,80%,69%) |
#5a75ed |
rgb(90,117,237) |
hsl(229,80%,64%) |
#4361ea |
rgb(67,97,234) |
hsl(229,80%,59%) |
#2c4ee8 |
rgb(44,78,232) |
hsl(229,80%,54%) |
#193ee1 |
rgb(25,62,225) |
hsl(229,80%,49%) |
#1637ca |
rgb(22,55,202) |
hsl(229,80%,44%) |
#1431b3 |
rgb(20,49,179) |
hsl(229,80%,39%) |
#112b9c |
rgb(17,43,156) |
hsl(229,80%,34%) |
#0f2485 |
rgb(15,36,133) |
hsl(229,80%,29%) |
#0c1e6e |
rgb(12,30,110) |
hsl(229,80%,24%) |
#0a1857 |
rgb(10,24,87) |
hsl(229,80%,19%) |
#071240 |
rgb(7,18,64) |
hsl(229,80%,14%) |
#050b29 |
rgb(5,11,41) |
hsl(229,80%,9%) |
#020512 |
rgb(2,5,18) |
hsl(229,80%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#87E3F2 |
rgb(135,227,242) |
hsl(188,80%,74%) |
#879BF2 |
rgb(135,155,242) |
hsl(229,80%,74%) |
#BA87F2 |
rgb(186,135,242) |
hsl(269,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%) |
#BDC9F7 |
rgb(189,201,247) |
hsl(228,78%,85%) |
#879BF2 |
rgb(135,155,242) |
hsl(229,80%,74%) |
#506EEC |
rgb(80,110,236) |
hsl(228,80%,62%) |
#1A40E6 |
rgb(26,64,230) |
hsl(229,80%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#879BF2 |
rgb(135,155,242) |
hsl(229,80%,74%) |
#F2A887 |
rgb(242,168,135) |
hsl(19,80%,74%) |
#D0F287 |
rgb(208,242,135) |
hsl(79,80%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#879BF2 |
rgb(135,155,242) |
hsl(229,80%,74%) |
#F2DE87 |
rgb(242,222,135) |
hsl(49,80%,74%) |
#87D1F2 |
rgb(135,209,242) |
hsl(199,80%,74%) |
#D0F287 |
rgb(208,242,135) |
hsl(79,80%,74%) |