HEX #686DBB color — Blue Violet
The color #686dbb is a dark shade and slightly desaturated.
Palette
686dbb color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fa |
rgb(244,245,250) |
hsl(236,38%,97%) |
#e3e4f2 |
rgb(227,228,242) |
hsl(236,38%,92%) |
#d1d3ea |
rgb(209,211,234) |
hsl(236,38%,87%) |
#c0c2e3 |
rgb(192,194,227) |
hsl(236,38%,82%) |
#aeb1db |
rgb(174,177,219) |
hsl(236,38%,77%) |
#9ca0d3 |
rgb(156,160,211) |
hsl(236,38%,72%) |
#8b8fcb |
rgb(139,143,203) |
hsl(236,38%,67%) |
#797ec3 |
rgb(121,126,195) |
hsl(236,38%,62%) |
#686dbb |
rgb(104,109,187) |
hsl(236,38%,57%) |
#565cb3 |
rgb(86,92,179) |
hsl(236,38%,52%) |
#4a50a5 |
rgb(74,80,165) |
hsl(236,38%,47%) |
#424894 |
rgb(66,72,148) |
hsl(236,38%,42%) |
#3a3f82 |
rgb(58,63,130) |
hsl(236,38%,37%) |
#333771 |
rgb(51,55,113) |
hsl(236,38%,32%) |
#2b2e5f |
rgb(43,46,95) |
hsl(236,38%,27%) |
#23264d |
rgb(35,38,77) |
hsl(236,38%,22%) |
#1b1d3c |
rgb(27,29,60) |
hsl(236,38%,17%) |
#13152a |
rgb(19,21,42) |
hsl(236,38%,12%) |
#0b0c19 |
rgb(11,12,25) |
hsl(236,38%,7%) |
#030307 |
rgb(3,3,7) |
hsl(236,38%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68A3BB |
rgb(104,163,187) |
hsl(197,38%,57%) |
#686DBB |
rgb(104,109,187) |
hsl(236,38%,57%) |
#9A69BB |
rgb(154,105,187) |
hsl(276,38%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A8ABD7 |
rgb(168,171,215) |
hsl(236,37%,75%) |
#888CC9 |
rgb(136,140,201) |
hsl(236,38%,66%) |
#686DBB |
rgb(104,109,187) |
hsl(236,38%,57%) |
#4B52A8 |
rgb(75,82,168) |
hsl(235,38%,48%) |
#3D4288 |
rgb(61,66,136) |
hsl(236,38%,39%) |
#2E3368 |
rgb(46,51,104) |
hsl(235,39%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#686DBB |
rgb(104,109,187) |
hsl(236,38%,57%) |
#BB8C68 |
rgb(187,140,104) |
hsl(26,38%,57%) |
#96BA68 |
rgb(150,186,104) |
hsl(86,37%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686DBB |
rgb(104,109,187) |
hsl(236,38%,57%) |
#BBB568 |
rgb(187,181,104) |
hsl(56,38%,57%) |
#6896BB |
rgb(104,150,187) |
hsl(207,38%,57%) |
#96BA68 |
rgb(150,186,104) |
hsl(86,37%,57%) |