#480182 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated violet possesses a cool intensity that feels moody and commanding. Because of its high depth, #480182 works best as a primary background for high-contrast UI, where white text pops clearly against it. While strong on its own, it can feel heavy in large blocks, so use it sparingly to anchor complex visual layouts or bold branding. The hex code is #480182.
Questions about #480182
What is #480182 in RGB, HSL and CMYK?
In RGB, #480182 is rgb(72, 1, 130), in HSL hsl(273, 98%, 26%) and in CMYK 45%, 99%, 0%, 49%.
Does #480182 work well as a primary text color?
#480182 is generally too dark and saturated for long-form body text, often causing eye strain against white backgrounds. Instead, reserve this bold violet for accent elements, branding, or headers where its intensity can provide strong, meaningful visual impact.
What colors pair best with #480182 for UI design?
Pair #480182 with bright, desaturated neutrals like off-white or soft-gray to ensure the violet remains the focal point without overwhelming the user. For a more adventurous palette, accents in lime-green or mustard-yellow create a high-energy, contemporary contrast.
Is #480182 readable on white or black?
#480182 has a 13.10:1 contrast ratio on white and 1.60: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.