#664567 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet feels grounded and serious, avoiding the playful brightness of standard purples. With a low saturation that leans toward grey, #664567 works best as a sophisticated supporting accent rather than a dominant background color. It pairs surprisingly well with soft creams or warm metallic golds, providing a moody, structured contrast for dark mode interfaces. The hex code for this cool purple is #664567.
Questions about #664567
What is #664567 in RGB, HSL and CMYK?
In RGB, #664567 is rgb(102, 69, 103), in HSL hsl(298, 20%, 34%) and in CMYK 1%, 33%, 0%, 60%.
What colors pair well with #664567?
This muted violet works beautifully with soft creams to brighten its dark, moody aesthetic. For a more sophisticated look, use it alongside warm metallic golds or a desaturated sage to maintain balance without overwhelming the subtle grey undertones of the violet.
How can I use #664567 in UI design?
Use #664567 as a secondary accent or border color rather than a primary background to keep interfaces legible. It provides excellent contrast against lighter off-white tones, making it effective for structured, serious-toned web layouts that avoid overly bright or playful palettes.
Is #664567 readable on white or black?
#664567 has a 8.03:1 contrast ratio on white and 2.61: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.