analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#686AE3 — Slate Blue
#686AE3 is a mid-tone saturated blue sitting at 239° on the color wheel. Below you will find every format, a full tint and shade ramp, contrast ratings, and five harmony schemes built around it.
#686ae3
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #686AE3
- f2f2fd
- cacbf5
- a3a4ee
- 7b7de7
- 5356e0
- 2c2fd8
- 2123b4
- 1a1c8c
- 121465
- 0b0c3d
- 040416
Color schemes using #686AE3
complementary
Two opposite hues that create the strongest possible contrast and visual tension.
split complementary
A base hue paired with the two neighbours of its complement — bold but easier to balance.
triadic
Three hues spaced evenly around the wheel for a vibrant, well-balanced scheme.
tetradic
Two complementary pairs, giving you the widest range of usable accents.
monochromatic
A single hue explored across lightness and saturation for a refined, minimal look.
Nearby colors
#686AE3 FAQ
What color is #686AE3?
#686AE3 is a shade of slate blue in the blue family. It has a hue of 239 degrees, 69% saturation and 65% lightness, which makes it a mid-tone saturated color.
What is the RGB value of #686AE3?
#686AE3 is rgb(104, 106, 227) in RGB, hsl(239, 69%, 65%) in HSL, and cmyk(54%, 53%, 0%, 11%) in CMYK.
Can I use white text on #686AE3?
White text on this background reaches 4.41:1, which passes for large text only under WCAG AA. Black text reaches 4.76:1.
What colors go well with #686AE3?
Its direct complement is #E3E168. For something less stark, the split-complementary pair #E3A468 and #A8E368 gives you contrast without the vibration.