#5A25CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intensely saturated, #5a25ce demands attention without feeling chaotic. This vivid violet works best as a punchy accent rather than a dominant background, as its heavy saturation can overwhelm a screen. Pair it with crisp white for maximum impact; the high contrast ratio ensures excellent readability for text. Designers often use this shade for modern digital interfaces and bold brand statements.
Questions about #5a25ce
What is #5a25ce in RGB, HSL and CMYK?
In RGB, #5a25ce is rgb(90, 37, 206), in HSL hsl(259, 70%, 48%) and in CMYK 56%, 82%, 0%, 19%.
How should I use #5a25ce in a professional UI design?
Because #5a25ce is so intensely saturated, use it sparingly as a high-impact accent rather than a dominant background. It shines in digital interfaces when paired with crisp white text or neutral dark grays for balanced, accessible readability.
What colors pair well with #5a25ce for a balanced palette?
This violet thrives alongside high-contrast neutrals like white or light gray to keep the design clean. For a more adventurous scheme, try pairing it with complementary yellow-greens or analogous blue tones to ground its intensity.
Is #5a25ce readable on white or black?
#5a25ce has a 8.10:1 contrast ratio on white and 2.59: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.