HEX #8896F2 color — Portage
The color #8896F2 is a light shade and slightly desaturated.
Palette
8896F2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(232,80%,99%) |
#e3e7fc |
rgb(227,231,252) |
hsl(232,80%,94%) |
#cdd2f9 |
rgb(205,210,249) |
hsl(232,80%,89%) |
#b6bef7 |
rgb(182,190,247) |
hsl(232,80%,84%) |
#9faaf4 |
rgb(159,170,244) |
hsl(232,80%,79%) |
#8896f2 |
rgb(136,150,242) |
hsl(232,80%,74%) |
#7182ef |
rgb(113,130,239) |
hsl(232,80%,69%) |
#5a6ded |
rgb(90,109,237) |
hsl(232,80%,64%) |
#4359ea |
rgb(67,89,234) |
hsl(232,80%,59%) |
#2c45e8 |
rgb(44,69,232) |
hsl(232,80%,54%) |
#1934e1 |
rgb(25,52,225) |
hsl(232,80%,49%) |
#162eca |
rgb(22,46,202) |
hsl(232,80%,44%) |
#1429b3 |
rgb(20,41,179) |
hsl(232,80%,39%) |
#11249c |
rgb(17,36,156) |
hsl(232,80%,34%) |
#0f1f85 |
rgb(15,31,133) |
hsl(232,80%,29%) |
#0c196e |
rgb(12,25,110) |
hsl(232,80%,24%) |
#0a1457 |
rgb(10,20,87) |
hsl(232,80%,19%) |
#070f40 |
rgb(7,15,64) |
hsl(232,80%,14%) |
#050929 |
rgb(5,9,41) |
hsl(232,80%,9%) |
#020412 |
rgb(2,4,18) |
hsl(232,80%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#88DEF2 |
rgb(136,222,242) |
hsl(191,80%,74%) |
#8896F2 |
rgb(136,150,242) |
hsl(232,80%,74%) |
#C087F2 |
rgb(192,135,242) |
hsl(272,80%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F5F7FD |
rgb(245,247,253) |
hsl(225,67%,98%) |
#BEC7F7 |
rgb(190,199,247) |
hsl(231,78%,86%) |
#8896F2 |
rgb(136,150,242) |
hsl(232,80%,74%) |
#5166EC |
rgb(81,102,236) |
hsl(232,80%,62%) |
#1A36E6 |
rgb(26,54,230) |
hsl(232,80%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#8896F2 |
rgb(136,150,242) |
hsl(232,80%,74%) |
#F2B088 |
rgb(242,176,136) |
hsl(23,80%,74%) |
#CBF288 |
rgb(203,242,136) |
hsl(82,80%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8896F2 |
rgb(136,150,242) |
hsl(232,80%,74%) |
#F2E388 |
rgb(242,227,136) |
hsl(52,80%,74%) |
#88CCF2 |
rgb(136,204,242) |
hsl(202,80%,74%) |
#CBF288 |
rgb(203,242,136) |
hsl(82,80%,74%) |