#603BA5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity purple feels electric and bold. It works best as an accent color for calls to action or UI highlights rather than a full-page background, where its weight can become overwhelming. The hex code for this shade is #603ba5. Use it alongside crisp white text for excellent accessibility and high contrast, or pair it with soft, muted grays to ground its intensity.
Questions about #603ba5
What is #603ba5 in RGB, HSL and CMYK?
In RGB, #603ba5 is rgb(96, 59, 165), in HSL hsl(261, 47%, 44%) and in CMYK 42%, 64%, 0%, 35%.
How should I use #603ba5 in a user interface?
Because #603ba5 is highly saturated, it is best reserved for small, impactful elements like call-to-action buttons, notifications, or active state icons. Using it for large backgrounds often creates visual fatigue, so keep it limited to highlights to maintain proper balance.
What colors pair well with #603ba5 for a balanced palette?
Pair #603ba5 with neutral charcoal or soft silver grays to ground its intensity and prevent it from feeling overwhelming. For high-contrast typography, placing white text directly over this purple ensures excellent legibility and a clean, modern aesthetic for your design.
Is #603ba5 readable on white or black?
#603ba5 has a 7.87:1 contrast ratio on white and 2.66: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.