#4B027F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense violet carries a serious, somber weight that works best as a dark interface background. Its high contrast allows white text to pop clearly, making it legible for readable UI designs. While powerful, avoid using #4b027f in large, flat blocks unless you pair it with lighter, cooler greys to prevent it from feeling overwhelming. This hex code is an effective choice for moody, high-end branding.
Questions about #4b027f
What is #4b027f in RGB, HSL and CMYK?
In RGB, #4b027f is rgb(75, 2, 127), in HSL hsl(275, 97%, 25%) and in CMYK 41%, 98%, 0%, 50%.
How should #4b027f be used in web design?
Use #4b027f primarily as a dark background color to make white text stand out against it, ensuring high readability for interface elements. To avoid an overwhelming effect, balance its intensity by incorporating cooler, lighter gray or soft off-white tones throughout your layout.
What is the best way to balance #4b027f in a layout?
Apply #4b027f in small, purposeful blocks or dark mode containers rather than using it for expansive, flat landing page sections. Pairing this deep violet with lighter, cooler colors prevents the design from feeling heavy while maintaining its powerful, high-end visual impact.
Is #4b027f readable on white or black?
#4b027f has a 13.00:1 contrast ratio on white and 1.61: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.