#533CBA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated indigo commands attention with its electric energy. #533cba functions best as a bold accent color rather than a large background, as its heavy saturation can overwhelm the eye. It pairs surprisingly well with muted clay tones or soft grays to ground its flamboyance. The hex code for this vivid purple is #533cba, providing excellent accessibility for white text overlays in dark-mode UI designs.
Questions about #533cba
What is #533cba in RGB, HSL and CMYK?
In RGB, #533cba is rgb(83, 60, 186), in HSL hsl(251, 51%, 48%) and in CMYK 55%, 68%, 0%, 27%.
What design elements pair best with #533cba?
Because #533cba carries such high visual weight and saturation, it works best alongside muted, earthy tones like terracotta or soft, neutral grays. These quieter colors ground the intensity of the indigo, preventing it from overwhelming your composition while maintaining a balanced, professional contrast.
How should #533cba be used in digital interface design?
This indigo is an excellent choice for primary buttons or call-to-action highlights in dark-mode interfaces, as it provides high accessibility against white text. Avoid using #533cba as a large background fill, as the deep saturation can cause eye strain during prolonged viewing sessions.
Is #533cba readable on white or black?
#533cba has a 7.71:1 contrast ratio on white and 2.72: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.