#534BAD Hex Color
A saturated, deep indigo for bold accents
#534bad is a punchy, saturated indigo with enough intensity to anchor bold brand identities. While it possesses a serious, mysterious depth, the high chroma makes it better suited as a 10% accent color rather than a large background, where it can overwhelm the eye. For maximum readability, pair this hex code with high-contrast white text, which clears the 7.1:1 accessibility threshold.
Questions about #534bad
What is #534bad in RGB, HSL and CMYK?
In RGB, #534bad is rgb(83, 75, 173), in HSL hsl(245, 40%, 49%) and in CMYK 52%, 57%, 0%, 32%.
How should I use #534bad in a UI design?
Use #534bad as a high-impact accent color to draw attention to call-to-action buttons or primary links. Because of its intensity, it overwhelms layouts when used as a full background, so pair it with white text to meet accessibility standards.
What colors complement #534bad for a palette?
#534bad pairs effectively with desaturated neutrals like slate or soft gray to ground its intensity. When you need a brighter, complementary palette, look toward warm yellow-orange hues to create a lively, balanced visual contrast.
Is #534bad readable on white or black?
#534bad has a 7.05:1 contrast ratio on white and 2.97: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.