Slate Blue
Saturated violet with a cool, grounded presence
Slate Blue is a saturated, cool violet that commands attention without feeling aggressive. Because white text maintains a clear 5.3:1 contrast ratio against it, this hex code works effectively for call-to-action buttons and UI highlights. Use #6a5acd as a secondary accent rather than a full background to keep your interface balanced and readable.
About Slate Blue
Twilight sky ten minutes after sunset
What does slate blue mean?
People often link this purple-blue with imagination, mystery, and creative work, since it sits between the trust of blue and the drama of violet. Its strong saturation and medium lightness make it feel bold and beaming, a color that reads clearly even at small sizes.
Where you see slate blue
- iris petals
- twilight sky
- grape soda
- velvet upholstery
- neon signs
- morning glory vines
What it works for
It works well as an accent color for buttons, links, and highlights in apps that want energy without shouting.
What colors go with slate blue?
Chartreuse #c1f80aThe sharp yellow-green cuts through the purple and keeps both colors at full strength.Peach #ffe5b4Warm peach softens the cool purple and adds a gentle glow to the mix.Mustard #ffdb58Mustard sits opposite on the color wheel, so the pair crackles with contrast.Cream #fffdd0Cream gives the saturated purple room to breathe and lightens the whole palette.Charcoal #36454fCharcoal darkens the frame and lets the purple glow like neon against it.
Questions about Slate Blue
What is the hex code for Slate Blue?
Slate Blue is #6a5acd. In RGB that is rgb(106, 90, 205), in HSL hsl(248, 53%, 58%) and in CMYK 48%, 56%, 0%, 20%.
How should I use Slate Blue in a UI design?
Use Slate Blue as a strategic secondary accent rather than a primary background color to maintain visual balance. It excels for call-to-action buttons because it provides a strong, professional contrast against white text while remaining more approachable than standard navy or deep violet.
Is Slate Blue readable on white or black?
Slate Blue has a 5.30:1 contrast ratio on white and 3.95:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.