#563C5C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Old Heliotrope is a dusty, unsaturated purple that carries a heavy, serious mood. Because this dark tone can feel muddy when used as a full-screen background, it works better as a grounding accent or for secondary UI elements. Pair it with soft cream or muted metallics to lighten its inkiness. White text offers excellent 9.6:1 contrast against the hex code #563c5c, ensuring your typography remains highly readable.
About Old Heliotrope
Dried lavender pressed between the pages of an old book
What does old heliotrope mean?
Old Heliotrope often calls to mind dried flowers, faded velvet, and dusk settling over a garden. Its low lightness and weak saturation make it feel muted and heavy, like a room lit by a single candle.
Where you see old heliotrope
- dried lavender buds
- faded velvet curtains
- dusk shadows on snow
- ink-stained blotting paper
- dusty eggplant skin
- storm clouds at evening
What it works for
It works well as a moody backdrop for moody branding, book covers, packaging, and interiors that need quiet depth.
What colors go with old heliotrope?
Sage Green #9caf88The muted green pulls out the gray side of the purple without fighting it.Old Gold #cfb53bWarm yellow-gold sits opposite on the wheel and lifts this dim purple.Dusty Rose #b56f76Both colors share a grayed, soft quality, so they read as related, not clashing.Charcoal #36454fCharcoal deepens the shadows and lets the purple read as the lighter tone.Slate Blue #6a5acdTwo cool, grayed tones sit side by side and stay calm and even.
Questions about Old Heliotrope
What is the hex code for Old Heliotrope?
Old Heliotrope is #563c5c. In RGB that is rgb(86, 60, 92), in HSL hsl(289, 21%, 30%) and in CMYK 7%, 35%, 0%, 64%.
Where does #563c5c work best in a UI layout?
Old Heliotrope functions most effectively as a grounding accent or for secondary UI elements rather than as a full-screen background. Its heavy, ink-like quality can feel muddy in large blocks, so use it sparingly to add weight to your design system without overwhelming the layout.
Is Old Heliotrope readable on white or black?
Old Heliotrope has a 9.56:1 contrast ratio on white and 2.19: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 is too faint for text. Try other pairs in the contrast checker.