HEX #879EF2 color — Portage
The color #879EF2 is a light shade and slightly desaturated.
Palette
879EF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(227,80%,99%) |
#e3e9fc |
rgb(227,233,252) |
hsl(227,80%,94%) |
#cdd6f9 |
rgb(205,214,249) |
hsl(227,80%,89%) |
#b6c4f7 |
rgb(182,196,247) |
hsl(227,80%,84%) |
#9fb1f4 |
rgb(159,177,244) |
hsl(227,80%,79%) |
#889ff2 |
rgb(136,159,242) |
hsl(227,80%,74%) |
#718cef |
rgb(113,140,239) |
hsl(227,80%,69%) |
#5a7aed |
rgb(90,122,237) |
hsl(227,80%,64%) |
#4367ea |
rgb(67,103,234) |
hsl(227,80%,59%) |
#2c55e8 |
rgb(44,85,232) |
hsl(227,80%,54%) |
#1944e1 |
rgb(25,68,225) |
hsl(227,80%,49%) |
#163dca |
rgb(22,61,202) |
hsl(227,80%,44%) |
#1436b3 |
rgb(20,54,179) |
hsl(227,80%,39%) |
#112f9c |
rgb(17,47,156) |
hsl(227,80%,34%) |
#0f2885 |
rgb(15,40,133) |
hsl(227,80%,29%) |
#0c216e |
rgb(12,33,110) |
hsl(227,80%,24%) |
#0a1a57 |
rgb(10,26,87) |
hsl(227,80%,19%) |
#071440 |
rgb(7,20,64) |
hsl(227,80%,14%) |
#050d29 |
rgb(5,13,41) |
hsl(227,80%,9%) |
#020612 |
rgb(2,6,18) |
hsl(227,80%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#87E6F2 |
rgb(135,230,242) |
hsl(187,80%,74%) |
#879EF2 |
rgb(135,158,242) |
hsl(227,80%,74%) |
#B787F2 |
rgb(183,135,242) |
hsl(267,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%) |
#879EF2 |
rgb(135,158,242) |
hsl(227,80%,74%) |
#5073EC |
rgb(80,115,236) |
hsl(227,80%,62%) |
#1A45E6 |
rgb(26,69,230) |
hsl(227,80%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#879EF2 |
rgb(135,158,242) |
hsl(227,80%,74%) |
#F2A687 |
rgb(242,166,135) |
hsl(17,80%,74%) |
#D3F287 |
rgb(211,242,135) |
hsl(77,80%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#879EF2 |
rgb(135,158,242) |
hsl(227,80%,74%) |
#F2DB87 |
rgb(242,219,135) |
hsl(47,80%,74%) |
#87D4F2 |
rgb(135,212,242) |
hsl(197,80%,74%) |
#D3F287 |
rgb(211,242,135) |
hsl(77,80%,74%) |