#653B8F Hex Color

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

Hex color #653b8f graphic
This dim, cool violet carries a moody weight that avoids the playfulness of brighter purples. Because it is quite dark, use #653b8f as a grounding accent rather than a full background to prevent a muddy look. White text reads clearly against this deep shade, offering an 8.2:1 contrast ratio that works well for bold, legible UI elements or high-contrast graphics.

Questions about #653b8f

What is #653b8f in RGB, HSL and CMYK?
In RGB, #653b8f is rgb(101, 59, 143), in HSL hsl(270, 42%, 40%) and in CMYK 29%, 59%, 0%, 44%.
How should I use #653b8f in my user interface designs?
#653b8f works best as a grounding accent or a high-contrast container color rather than a primary background to avoid a muddy aesthetic. Because it offers a strong 8.2:1 contrast ratio against white text, it is ideal for ensuring readability in bold buttons or navigational UI elements.
Which color combinations complement #653b8f?
This deep violet pairs effectively with mustard or gold for a striking, high-energy contrast that elevates the moody base. If you prefer a more subtle, harmonious look, consider using soft cream or mint tones to brighten the overall palette without overwhelming the cool undertones.
Is #653b8f readable on white or black?
#653b8f has a 8.15:1 contrast ratio on white and 2.57: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.