#65307C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark violet carries a serious, somber weight that works well for moody brand identities or gaming interfaces. Because of its deep saturation, it creates excellent contrast with white text, maintaining high readability in UI layouts. Use the hex code #65307c as a secondary background color rather than a primary fill to prevent it from feeling too heavy or overwhelming.
Questions about #65307c
What is #65307c in RGB, HSL and CMYK?
In RGB, #65307c is rgb(101, 48, 124), in HSL hsl(282, 44%, 34%) and in CMYK 19%, 61%, 0%, 51%.
What makes #65307c a strong choice for UI design?
The intense saturation of #65307c creates natural, high-contrast readability when paired with white or very light text, making it an effective, sophisticated choice for secondary backgrounds or interface accents that need to anchor a layout without becoming distracting.
Which colors balance the heavy feel of #65307c?
You can balance the somber weight of #65307c by pairing it with light, neutral tones like soft cream or cool silver, which prevent the deep violet from overwhelming your design while maintaining a clean, professional appearance.
Is #65307c readable on white or black?
#65307c has a 9.26:1 contrast ratio on white and 2.26: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.