analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#684AD3 — Slate Blue
#684AD3 is a mid-tone saturated blue sitting at 253° 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.
#684ad3
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #684AD3
- f5f3fc
- d5cdf3
- b6a7ea
- 9681e1
- 765cd7
- 5736ce
- 462aac
- 362086
- 271760
- 180e3a
- 080515
Color schemes using #684AD3
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
#684AD3 FAQ
What color is #684AD3?
#684AD3 is a shade of slate blue in the blue family. It has a hue of 253 degrees, 61% saturation and 56% lightness, which makes it a mid-tone saturated color.
What is the RGB value of #684AD3?
#684AD3 is rgb(104, 74, 211) in RGB, hsl(253, 61%, 56%) in HSL, and cmyk(51%, 65%, 0%, 17%) in CMYK.
Can I use white text on #684AD3?
White text on this background reaches 5.99:1, which passes WCAG AA. Black text reaches 3.51:1.
What colors go well with #684AD3?
Its direct complement is #B6D34A. For something less stark, the split-complementary pair #D3AC4A and #71D34A gives you contrast without the vibration.