HEX #BB86F3 color — Portage
The color #bb86f3 is a light shade and slightly desaturated.
Palette
bb86f3 color palette from light to dark
HEX |
RGB |
HSL |
#fcfaff |
rgb(252,250,255) |
hsl(269,82%,99%) |
#efe3fc |
rgb(239,227,252) |
hsl(269,82%,94%) |
#e2ccfa |
rgb(226,204,250) |
hsl(269,82%,89%) |
#d5b5f8 |
rgb(213,181,248) |
hsl(269,82%,84%) |
#c89ef5 |
rgb(200,158,245) |
hsl(269,82%,79%) |
#bb86f3 |
rgb(187,134,243) |
hsl(269,82%,74%) |
#ae6ff1 |
rgb(174,111,241) |
hsl(269,82%,69%) |
#a158ee |
rgb(161,88,238) |
hsl(269,82%,64%) |
#9441ec |
rgb(148,65,236) |
hsl(269,82%,59%) |
#862aea |
rgb(134,42,234) |
hsl(269,82%,54%) |
#7a16e3 |
rgb(122,22,227) |
hsl(269,82%,49%) |
#6d14cc |
rgb(109,20,204) |
hsl(269,82%,44%) |
#6112b5 |
rgb(97,18,181) |
hsl(269,82%,39%) |
#54109e |
rgb(84,16,158) |
hsl(269,82%,34%) |
#480d87 |
rgb(72,13,135) |
hsl(269,82%,29%) |
#3c0b6f |
rgb(60,11,111) |
hsl(269,82%,24%) |
#2f0958 |
rgb(47,9,88) |
hsl(269,82%,19%) |
#230641 |
rgb(35,6,65) |
hsl(269,82%,14%) |
#16042a |
rgb(22,4,42) |
hsl(269,82%,9%) |
#0a0213 |
rgb(10,2,19) |
hsl(269,82%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#8699F3 |
rgb(134,153,243) |
hsl(230,82%,74%) |
#BB86F3 |
rgb(187,134,243) |
hsl(269,82%,74%) |
#F387E2 |
rgb(243,135,226) |
hsl(309,82%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F8F5FD |
rgb(248,245,253) |
hsl(263,67%,98%) |
#D9BDF8 |
rgb(217,189,248) |
hsl(268,81%,86%) |
#BB86F3 |
rgb(187,134,243) |
hsl(269,82%,74%) |
#9C4FED |
rgb(156,79,237) |
hsl(269,81%,62%) |
#7D1AE8 |
rgb(125,26,232) |
hsl(269,82%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#BB86F3 |
rgb(187,134,243) |
hsl(269,82%,74%) |
#F3F286 |
rgb(243,242,134) |
hsl(59,82%,74%) |
#87F286 |
rgb(135,242,134) |
hsl(119,81%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#BB86F3 |
rgb(187,134,243) |
hsl(269,82%,74%) |
#BEF286 |
rgb(190,242,134) |
hsl(89,81%,74%) |
#8687F3 |
rgb(134,135,243) |
hsl(239,82%,74%) |
#87F286 |
rgb(135,242,134) |
hsl(119,81%,74%) |