#4A2E9D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated violet carries a serious, moody tone. It functions well as a background for high-contrast UI, as white text pops against it with exceptional readability. Due to the high intensity, use it sparingly as a brand accent or primary structure rather than filling large, overwhelming spaces. The hex code for this color is #4a2e9d.
Questions about #4a2e9d
What is #4a2e9d in RGB, HSL and CMYK?
In RGB, #4a2e9d is rgb(74, 46, 157), in HSL hsl(255, 55%, 40%) and in CMYK 53%, 71%, 0%, 38%.
How should I use #4a2e9d in a UI design?
#4a2e9d functions exceptionally well as a bold accent color or a high-contrast background for dark-mode layouts. Because of its intensity, avoid filling large, overwhelming spaces and instead use it strategically for buttons, active states, or structural headers.
What colors pair well with #4a2e9d?
Is #4a2e9d readable on white or black?
#4a2e9d has a 9.68:1 contrast ratio on white and 2.16: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.