HEX #686CC4 color — Blue Marguerite
The color #686cc4 is a dark shade and slightly desaturated.
Palette
686cc4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(237,44%,99%) |
#e9eaf6 |
rgb(233,234,246) |
hsl(237,44%,94%) |
#d7d8ef |
rgb(215,216,239) |
hsl(237,44%,89%) |
#c4c6e8 |
rgb(196,198,232) |
hsl(237,44%,84%) |
#b2b4e1 |
rgb(178,180,225) |
hsl(237,44%,79%) |
#a0a2da |
rgb(160,162,218) |
hsl(237,44%,74%) |
#8d91d3 |
rgb(141,145,211) |
hsl(237,44%,69%) |
#7b7fcc |
rgb(123,127,204) |
hsl(237,44%,64%) |
#686dc4 |
rgb(104,109,196) |
hsl(237,44%,59%) |
#565bbd |
rgb(86,91,189) |
hsl(237,44%,54%) |
#464bb4 |
rgb(70,75,180) |
hsl(237,44%,49%) |
#3f44a2 |
rgb(63,68,162) |
hsl(237,44%,44%) |
#383c8f |
rgb(56,60,143) |
hsl(237,44%,39%) |
#31347d |
rgb(49,52,125) |
hsl(237,44%,34%) |
#292d6a |
rgb(41,45,106) |
hsl(237,44%,29%) |
#222558 |
rgb(34,37,88) |
hsl(237,44%,24%) |
#1b1d46 |
rgb(27,29,70) |
hsl(237,44%,19%) |
#141633 |
rgb(20,22,51) |
hsl(237,44%,14%) |
#0d0e21 |
rgb(13,14,33) |
hsl(237,44%,9%) |
#06060f |
rgb(6,6,15) |
hsl(237,44%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#68A8C4 |
rgb(104,168,196) |
hsl(198,44%,59%) |
#686CC4 |
rgb(104,108,196) |
hsl(237,44%,59%) |
#A169C4 |
rgb(161,105,196) |
hsl(277,44%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#ADB0DE |
rgb(173,176,222) |
hsl(236,43%,77%) |
#8A8FD1 |
rgb(138,143,209) |
hsl(236,44%,68%) |
#686CC4 |
rgb(104,108,196) |
hsl(237,44%,59%) |
#464DB5 |
rgb(70,77,181) |
hsl(236,44%,49%) |
#393D92 |
rgb(57,61,146) |
hsl(237,44%,40%) |
#2B2E70 |
rgb(43,46,112) |
hsl(237,45%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#686CC4 |
rgb(104,108,196) |
hsl(237,44%,59%) |
#C49168 |
rgb(196,145,104) |
hsl(27,44%,59%) |
#9AC468 |
rgb(154,196,104) |
hsl(87,44%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686CC4 |
rgb(104,108,196) |
hsl(237,44%,59%) |
#C4BF68 |
rgb(196,191,104) |
hsl(57,44%,59%) |
#6899C4 |
rgb(104,153,196) |
hsl(208,44%,59%) |
#9AC468 |
rgb(154,196,104) |
hsl(87,44%,59%) |