#686DE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Strong and cool, #686de0 is a saturated indigo with bright blue-violet undertones and an energetic, focused presence. It works best as a supporting tone or small accent for calls to action, creative branding, meditation interfaces, and night-sky themes. Pair it with charcoal or warm gold for contrast; black text remains readable at about a 4.9:1 contrast ratio. The hex code for this shade is #686de0.
Questions about #686de0
What is #686de0 in RGB, HSL and CMYK?
In RGB, #686de0 is rgb(104, 109, 224), in HSL hsl(238, 66%, 64%) and in CMYK 54%, 51%, 0%, 12%.
What colors pair well with #686de0?
Warm gold and charcoal pair well with #686de0, balancing its saturated blue-violet character with warmth and grounding. Use gold sparingly for emphasis, while charcoal supports text, borders, or larger neutral areas.
Does #686de0 read as a warm or cool color?
#686de0 reads as a cool color because its blue-violet undertones outweigh the small red component in its indigo mix, giving it a crisp, focused feel rather than the warmth associated with redder purple shades.
Where does #686de0 work best?
#686de0 works best as a focused accent for calls to action, creative branding, meditation interfaces, and night-sky themes, where its saturated blue-violet tone adds energy without overwhelming the surrounding layout.
Is #686de0 readable on white or black?
#686de0 has a 4.32:1 contrast ratio on white and 4.85:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.