#A553DB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy purple demands attention. Because it is so intense, #a553db works best as a sharp accent rather than a background color. It pairs surprisingly well with dark charcoal grays, which ground its brightness. While black text is legible on this hex code, avoid using it for large blocks of copy to keep your design balanced.
Questions about #a553db
What is #a553db in RGB, HSL and CMYK?
In RGB, #a553db is rgb(165, 83, 219), in HSL hsl(276, 65%, 59%) and in CMYK 25%, 62%, 0%, 14%.
How should #a553db be balanced in a UI design?
Because #a553db carries such high intensity, it works best as a sharp accent rather than a broad background color. Pairing it with deep charcoal or dark grays helps ground its natural brightness while keeping your interface balanced and readable.
Is #a553db suitable for large blocks of text?
Avoid using #a553db for long paragraphs or small text, as its saturation can cause eye strain over time. Stick to using this vibrant hue for headers, buttons, or iconography where you need to draw immediate user attention.
Is #a553db readable on white or black?
#a553db has a 4.32:1 contrast ratio on white and 4.86:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.