#7B63B7 Hex Color

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

Hex color #7b63b7 graphic
This cool, unsaturated violet sits between blue and purple, offering a grounded and thoughtful aesthetic. Because the hex code #7b63b7 maintains a 4.9:1 contrast ratio against white text, it works well as a reliable, readable background for modern UI. Pair it with soft, muted slate grays to anchor its mystical quality, rather than letting it dominate your entire color palette.

Questions about #7b63b7

What is #7b63b7 in RGB, HSL and CMYK?
In RGB, #7b63b7 is rgb(123, 99, 183), in HSL hsl(257, 37%, 55%) and in CMYK 33%, 46%, 0%, 28%.
What colors pair best with #7b63b7 for a balanced palette?
Pair #7b63b7 with muted slate grays to anchor its mystical quality without letting it dominate your design. It also creates a sophisticated, harmonious contrast when accented with mustard yellows or soft cream tones, ensuring the violet remains the focal point.
Is #7b63b7 a good choice for text backgrounds?
Yes, #7b63b7 maintains a solid 4.9:1 contrast ratio against white text, making it a reliable and readable background color for modern user interfaces. It provides enough depth to feel grounded while remaining soft on the eyes during extended screen time.
Is #7b63b7 readable on white or black?
#7b63b7 has a 4.87:1 contrast ratio on white and 4.31: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.