HEX #686BBD color — Blue Violet
The color #686BBD is a dark shade and slightly desaturated.
Palette
686BBD color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fa |
rgb(244,245,250) |
hsl(238,39%,97%) |
#e3e3f3 |
rgb(227,227,243) |
hsl(238,39%,92%) |
#d1d2eb |
rgb(209,210,235) |
hsl(238,39%,87%) |
#bfc0e3 |
rgb(191,192,227) |
hsl(238,39%,82%) |
#adafdb |
rgb(173,175,219) |
hsl(238,39%,77%) |
#9c9ed3 |
rgb(156,158,211) |
hsl(238,39%,72%) |
#8a8ccc |
rgb(138,140,204) |
hsl(238,39%,67%) |
#787bc4 |
rgb(120,123,196) |
hsl(238,39%,62%) |
#6769bc |
rgb(103,105,188) |
hsl(238,39%,57%) |
#5558b4 |
rgb(85,88,180) |
hsl(238,39%,52%) |
#494ca7 |
rgb(73,76,167) |
hsl(238,39%,47%) |
#414495 |
rgb(65,68,149) |
hsl(238,39%,42%) |
#3a3c83 |
rgb(58,60,131) |
hsl(238,39%,37%) |
#323471 |
rgb(50,52,113) |
hsl(238,39%,32%) |
#2a2c60 |
rgb(42,44,96) |
hsl(238,39%,27%) |
#22244e |
rgb(34,36,78) |
hsl(238,39%,22%) |
#1a1c3c |
rgb(26,28,60) |
hsl(238,39%,17%) |
#13132b |
rgb(19,19,43) |
hsl(238,39%,12%) |
#0b0b19 |
rgb(11,11,25) |
hsl(238,39%,7%) |
#030307 |
rgb(3,3,7) |
hsl(238,39%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68A3BD |
rgb(104,163,189) |
hsl(198,39%,57%) |
#686BBD |
rgb(104,107,189) |
hsl(238,39%,57%) |
#9D69BD |
rgb(157,105,189) |
hsl(277,39%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A9ABD9 |
rgb(169,171,217) |
hsl(238,39%,76%) |
#888ACB |
rgb(136,138,203) |
hsl(238,39%,66%) |
#686BBD |
rgb(104,107,189) |
hsl(238,39%,57%) |
#4A4FAB |
rgb(74,79,171) |
hsl(237,40%,48%) |
#3C408A |
rgb(60,64,138) |
hsl(237,39%,39%) |
#2E306A |
rgb(46,48,106) |
hsl(238,39%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#686BBD |
rgb(104,107,189) |
hsl(238,39%,57%) |
#BD8F68 |
rgb(189,143,104) |
hsl(28,39%,57%) |
#95BD68 |
rgb(149,189,104) |
hsl(88,39%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686BBD |
rgb(104,107,189) |
hsl(238,39%,57%) |
#BDBA68 |
rgb(189,186,104) |
hsl(58,39%,57%) |
#6896BD |
rgb(104,150,189) |
hsl(208,39%,57%) |
#95BD68 |
rgb(149,189,104) |
hsl(88,39%,57%) |