HEX #857DF2 color — Portage
The color #857df2 is a light shade and slightly desaturated.
Palette
857df2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f1fe |
rgb(242,241,254) |
hsl(244,82%,97%) |
#dcdafb |
rgb(220,218,251) |
hsl(244,82%,92%) |
#c6c3f9 |
rgb(198,195,249) |
hsl(244,82%,87%) |
#b0abf7 |
rgb(176,171,247) |
hsl(244,82%,82%) |
#9b94f4 |
rgb(155,148,244) |
hsl(244,82%,77%) |
#857df2 |
rgb(133,125,242) |
hsl(244,82%,72%) |
#6f66f0 |
rgb(111,102,240) |
hsl(244,82%,67%) |
#594fee |
rgb(89,79,238) |
hsl(244,82%,62%) |
#4337eb |
rgb(67,55,235) |
hsl(244,82%,57%) |
#2e20e9 |
rgb(46,32,233) |
hsl(244,82%,52%) |
#2316da |
rgb(35,22,218) |
hsl(244,82%,47%) |
#1f13c3 |
rgb(31,19,195) |
hsl(244,82%,42%) |
#1b11ac |
rgb(27,17,172) |
hsl(244,82%,37%) |
#180f95 |
rgb(24,15,149) |
hsl(244,82%,32%) |
#140c7d |
rgb(20,12,125) |
hsl(244,82%,27%) |
#100a66 |
rgb(16,10,102) |
hsl(244,82%,22%) |
#0d084f |
rgb(13,8,79) |
hsl(244,82%,17%) |
#090638 |
rgb(9,6,56) |
hsl(244,82%,12%) |
#050320 |
rgb(5,3,32) |
hsl(244,82%,7%) |
#010109 |
rgb(1,1,9) |
hsl(244,82%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#7DC2F2 |
rgb(125,194,242) |
hsl(205,82%,72%) |
#857DF2 |
rgb(133,125,242) |
hsl(244,82%,72%) |
#D37DF2 |
rgb(211,125,242) |
hsl(284,82%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E9E8FC |
rgb(233,232,252) |
hsl(243,77%,95%) |
#B7B3F7 |
rgb(183,179,247) |
hsl(244,81%,84%) |
#857DF2 |
rgb(133,125,242) |
hsl(244,82%,72%) |
#5247EC |
rgb(82,71,236) |
hsl(244,81%,60%) |
#2417E2 |
rgb(36,23,226) |
hsl(244,82%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#857DF2 |
rgb(133,125,242) |
hsl(244,82%,72%) |
#F2BF7D |
rgb(242,191,125) |
hsl(34,82%,72%) |
#AFF27D |
rgb(175,242,125) |
hsl(94,82%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#857DF2 |
rgb(133,125,242) |
hsl(244,82%,72%) |
#EAF27D |
rgb(234,242,125) |
hsl(64,82%,72%) |
#7DB0F2 |
rgb(125,176,242) |
hsl(214,82%,72%) |
#AFF27D |
rgb(175,242,125) |
hsl(94,82%,72%) |