HEX #686EBA color — Blue Violet
The color #686EBA is a dark shade and slightly desaturated.
Palette
686EBA color palette from light to dark
HEX |
RGB |
HSL |
#f5f5fa |
rgb(245,245,250) |
hsl(236,37%,97%) |
#e3e4f2 |
rgb(227,228,242) |
hsl(236,37%,92%) |
#d2d3ea |
rgb(210,211,234) |
hsl(236,37%,87%) |
#c0c2e2 |
rgb(192,194,226) |
hsl(236,37%,82%) |
#afb2da |
rgb(175,178,218) |
hsl(236,37%,77%) |
#9da1d2 |
rgb(157,161,210) |
hsl(236,37%,72%) |
#8c90ca |
rgb(140,144,202) |
hsl(236,37%,67%) |
#7a7fc2 |
rgb(122,127,194) |
hsl(236,37%,62%) |
#696eba |
rgb(105,110,186) |
hsl(236,37%,57%) |
#575db2 |
rgb(87,93,178) |
hsl(236,37%,52%) |
#4c51a4 |
rgb(76,81,164) |
hsl(236,37%,47%) |
#434993 |
rgb(67,73,147) |
hsl(236,37%,42%) |
#3b4081 |
rgb(59,64,129) |
hsl(236,37%,37%) |
#333770 |
rgb(51,55,112) |
hsl(236,37%,32%) |
#2b2f5e |
rgb(43,47,94) |
hsl(236,37%,27%) |
#23264d |
rgb(35,38,77) |
hsl(236,37%,22%) |
#1b1d3b |
rgb(27,29,59) |
hsl(236,37%,17%) |
#13152a |
rgb(19,21,42) |
hsl(236,37%,12%) |
#0b0c18 |
rgb(11,12,24) |
hsl(236,37%,7%) |
#030307 |
rgb(3,3,7) |
hsl(236,37%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68A6BA |
rgb(104,166,186) |
hsl(195,37%,57%) |
#686EBA |
rgb(104,110,186) |
hsl(236,37%,57%) |
#9869BA |
rgb(152,105,186) |
hsl(275,37%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A7ABD7 |
rgb(167,171,215) |
hsl(235,38%,75%) |
#878CC8 |
rgb(135,140,200) |
hsl(235,37%,66%) |
#686EBA |
rgb(104,110,186) |
hsl(236,37%,57%) |
#4C54A7 |
rgb(76,84,167) |
hsl(235,37%,48%) |
#3D4287 |
rgb(61,66,135) |
hsl(236,38%,38%) |
#2F3367 |
rgb(47,51,103) |
hsl(236,37%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#686EBA |
rgb(104,110,186) |
hsl(236,37%,57%) |
#BA8C68 |
rgb(186,140,104) |
hsl(26,37%,57%) |
#97BA68 |
rgb(151,186,104) |
hsl(86,37%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686EBA |
rgb(104,110,186) |
hsl(236,37%,57%) |
#BAB568 |
rgb(186,181,104) |
hsl(56,37%,57%) |
#6896BA |
rgb(104,150,186) |
hsl(206,37%,57%) |
#97BA68 |
rgb(151,186,104) |
hsl(86,37%,57%) |