#503BB8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A vivid, saturated indigo, #503bb8 commands attention with its intense, electric personality. This bold shade works best as an accent or call-to-action button rather than a full background, where its high intensity can easily overwhelm the eye. Pair this color with warm, muted neutrals to balance its cool energy. It offers excellent contrast for white text, ensuring your designs remain sharp and accessible.
Questions about #503bb8
What is #503bb8 in RGB, HSL and CMYK?
In RGB, #503bb8 is rgb(80, 59, 184), in HSL hsl(250, 51%, 48%) and in CMYK 57%, 68%, 0%, 28%.
Where should I use #503bb8 in a design layout?
#503bb8 functions best as an accent color for call-to-action buttons, links, or notification badges rather than a large background. Its high saturation and electric energy can quickly fatigue the eye if used in large, dominant areas.
Which colors pair well with #503bb8?
Balance the intensity of #503bb8 by pairing it with creamy white or soft, warm gray neutrals. For more adventurous palettes, consider subtle mustard yellow or terracotta accents, which provide a complementary warmth that grounds this cool, electric indigo.
Is #503bb8 readable on white or black?
#503bb8 has a 7.89:1 contrast ratio on white and 2.65: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.