#665063 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty magenta brings a moody and mysterious quality to design projects. Because it is highly unsaturated, #665063 functions best as a supporting tone rather than a dominant base. It pairs effectively with soft creams or warm grays to avoid becoming too muddy. With a high contrast ratio against white, the hex code provides excellent legibility for UI text when used in dark mode interfaces.
Questions about #665063
What is #665063 in RGB, HSL and CMYK?
In RGB, #665063 is rgb(102, 80, 99), in HSL hsl(308, 12%, 36%) and in CMYK 0%, 22%, 3%, 60%.
How should I use #665063 in a UI design?
Use #665063 primarily as an accent tone in dark mode interfaces rather than a background base. Its high contrast against white makes it perfect for secondary text or subtle borders that need to feel grounded and professional without dominating the layout.
What color palettes complement #665063?
Because #665063 is highly unsaturated, it works best alongside soft creams or warm grays to prevent the overall design from feeling muddy. Avoid pairing it with high-vibrancy neons, as they will overpower its moody, quiet character and destroy the balance.
Is #665063 readable on white or black?
#665063 has a 7.25:1 contrast ratio on white and 2.89: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.