#660E62 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #660e62 graphic
#660e62 is a dim, deep magenta with a moody and serious character. Because of its intense saturation, it functions best as a striking accent color or for dark mode UI elements rather than as a primary background. Pair it with soft, muted grays to let its personality shine. This hex code offers excellent contrast with white text, maintaining high readability in small body copy.

Questions about #660e62

What is #660e62 in RGB, HSL and CMYK?
In RGB, #660e62 is rgb(102, 14, 98), in HSL hsl(303, 76%, 23%) and in CMYK 0%, 86%, 4%, 60%.
What colors pair best with #660e62 in a design layout?
This deep magenta pairs beautifully with soft gray or off-white backgrounds, which allow the color to stand out without overpowering the interface. For a sophisticated palette, consider incorporating gold accents or muted teal to create a striking, balanced contrast.
Is #660e62 suitable for large blocks of text?
Because of its intense, deep saturation, #660e62 is generally too heavy for large paragraphs of body text. It is much more effective when reserved for headers, active buttons, or subtle UI elements where it can command attention without causing visual fatigue.
Is #660e62 readable on white or black?
#660e62 has a 11.63:1 contrast ratio on white and 1.80: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.