HEX #B296F3 color — Portage
The color #b296f3 is a light shade and slightly desaturated.
Palette
b296f3 color palette from light to dark
HEX |
RGB |
HSL |
#f5f1fd |
rgb(245,241,253) |
hsl(258,79%,97%) |
#e4dafb |
rgb(228,218,251) |
hsl(258,79%,92%) |
#d3c4f8 |
rgb(211,196,248) |
hsl(258,79%,87%) |
#c3adf5 |
rgb(195,173,245) |
hsl(258,79%,82%) |
#b296f3 |
rgb(178,150,243) |
hsl(258,79%,77%) |
#a17ff0 |
rgb(161,127,240) |
hsl(258,79%,72%) |
#9068ed |
rgb(144,104,237) |
hsl(258,79%,67%) |
#7f52eb |
rgb(127,82,235) |
hsl(258,79%,62%) |
#6f3be8 |
rgb(111,59,232) |
hsl(258,79%,57%) |
#5e24e5 |
rgb(94,36,229) |
hsl(258,79%,52%) |
#5219d7 |
rgb(82,25,215) |
hsl(258,79%,47%) |
#4916c0 |
rgb(73,22,192) |
hsl(258,79%,42%) |
#4114a9 |
rgb(65,20,169) |
hsl(258,79%,37%) |
#381192 |
rgb(56,17,146) |
hsl(258,79%,32%) |
#2f0e7b |
rgb(47,14,123) |
hsl(258,79%,27%) |
#260c64 |
rgb(38,12,100) |
hsl(258,79%,22%) |
#1e094e |
rgb(30,9,78) |
hsl(258,79%,17%) |
#150637 |
rgb(21,6,55) |
hsl(258,79%,12%) |
#0c0420 |
rgb(12,4,32) |
hsl(258,79%,7%) |
#030109 |
rgb(3,1,9) |
hsl(258,79%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#96B8F3 |
rgb(150,184,243) |
hsl(218,79%,77%) |
#B296F3 |
rgb(178,150,243) |
hsl(258,79%,77%) |
#F096F3 |
rgb(240,150,243) |
hsl(298,79%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DBCFF9 |
rgb(219,207,249) |
hsl(257,78%,89%) |
#B296F3 |
rgb(178,150,243) |
hsl(258,79%,77%) |
#885EEC |
rgb(136,94,236) |
hsl(258,79%,65%) |
#5F26E6 |
rgb(95,38,230) |
hsl(258,79%,53%) |
Triad color palettes
HEX |
RGB |
HSL |
#B296F3 |
rgb(178,150,243) |
hsl(258,79%,77%) |
#F3E096 |
rgb(243,224,150) |
hsl(48,79%,77%) |
#A8F296 |
rgb(168,242,150) |
hsl(108,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#B296F3 |
rgb(178,150,243) |
hsl(258,79%,77%) |
#D7F296 |
rgb(215,242,150) |
hsl(78,78%,77%) |
#96A8F3 |
rgb(150,168,243) |
hsl(228,79%,77%) |
#A8F296 |
rgb(168,242,150) |
hsl(108,78%,77%) |