HEX #686BB5 color — Blue Violet
The color #686BB5 is a dark shade and slightly desaturated.
Palette
686BB5 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f8 |
rgb(241,242,248) |
hsl(238,34%,96%) |
#e0e1f0 |
rgb(224,225,240) |
hsl(238,34%,91%) |
#cfd0e7 |
rgb(207,208,231) |
hsl(238,34%,86%) |
#bebfdf |
rgb(190,191,223) |
hsl(238,34%,81%) |
#adaed7 |
rgb(173,174,215) |
hsl(238,34%,76%) |
#9c9ece |
rgb(156,158,206) |
hsl(238,34%,71%) |
#8b8dc6 |
rgb(139,141,198) |
hsl(238,34%,66%) |
#7a7cbd |
rgb(122,124,189) |
hsl(238,34%,61%) |
#696bb5 |
rgb(105,107,181) |
hsl(238,34%,56%) |
#585aad |
rgb(88,90,173) |
hsl(238,34%,51%) |
#4d509d |
rgb(77,80,157) |
hsl(238,34%,46%) |
#45478c |
rgb(69,71,140) |
hsl(238,34%,41%) |
#3d3f7b |
rgb(61,63,123) |
hsl(238,34%,36%) |
#34366a |
rgb(52,54,106) |
hsl(238,34%,31%) |
#2c2d59 |
rgb(44,45,89) |
hsl(238,34%,26%) |
#232548 |
rgb(35,37,72) |
hsl(238,34%,21%) |
#1b1c37 |
rgb(27,28,55) |
hsl(238,34%,16%) |
#131326 |
rgb(19,19,38) |
hsl(238,34%,11%) |
#0a0a15 |
rgb(10,10,21) |
hsl(238,34%,6%) |
#020203 |
rgb(2,2,3) |
hsl(238,34%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#689EB5 |
rgb(104,158,181) |
hsl(198,34%,56%) |
#686BB5 |
rgb(104,107,181) |
hsl(238,34%,56%) |
#9869B5 |
rgb(152,105,181) |
hsl(277,34%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5A6D3 |
rgb(165,166,211) |
hsl(239,34%,74%) |
#868AC4 |
rgb(134,138,196) |
hsl(236,34%,65%) |
#686BB5 |
rgb(104,107,181) |
hsl(238,34%,56%) |
#4E52A0 |
rgb(78,82,160) |
hsl(237,34%,47%) |
#3F4282 |
rgb(63,66,130) |
hsl(237,35%,38%) |
#303363 |
rgb(48,51,99) |
hsl(236,35%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#686BB5 |
rgb(104,107,181) |
hsl(238,34%,56%) |
#B58C68 |
rgb(181,140,104) |
hsl(28,34%,56%) |
#91B568 |
rgb(145,181,104) |
hsl(88,34%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686BB5 |
rgb(104,107,181) |
hsl(238,34%,56%) |
#B5B368 |
rgb(181,179,104) |
hsl(58,34%,56%) |
#6891B5 |
rgb(104,145,181) |
hsl(208,34%,56%) |
#91B568 |
rgb(145,181,104) |
hsl(88,34%,56%) |