#673AB7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense purple demands attention and brings a bold energy to any layout. Because #673ab7 offers a strong 7.3:1 contrast ratio against white text, it works well for both body copy and punchy UI accents. Use this hex code sparingly as a primary button color or secondary header to avoid overwhelming the user, as its high chroma can quickly dominate more subtle tones.
Questions about #673ab7
What is #673ab7 in RGB, HSL and CMYK?
In RGB, #673ab7 is rgb(103, 58, 183), in HSL hsl(262, 52%, 47%) and in CMYK 44%, 68%, 0%, 28%.
Where is #673ab7 most effective in UI design?
Use #673ab7 sparingly as a high-impact button color or primary header accent to guide user attention without overwhelming the layout. Its 7.3:1 contrast ratio against white makes it highly readable and accessible for essential interface elements that require immediate user focus.
Which colors balance the intensity of #673ab7?
Balance the intensity of #673ab7 by pairing it with clean neutrals like light gray. For a more vibrant scheme, try offsetting this purple with muted gold or soft yellow accents to create a complementary contrast that feels both sophisticated and energetic.
Is #673ab7 readable on white or black?
#673ab7 has a 7.32:1 contrast ratio on white and 2.86: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.