#4B188E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet feels intense and moody. Its darkness makes it a strong candidate for dark mode UI elements, where white text reads clearly at an 11.5:1 contrast ratio. Because this color is quite bold, use the hex code #4b188e as a focused brand accent rather than a large background field to avoid overwhelming your layout.
Questions about #4b188e
What is #4b188e in RGB, HSL and CMYK?
In RGB, #4b188e is rgb(75, 24, 142), in HSL hsl(266, 71%, 33%) and in CMYK 47%, 83%, 0%, 44%.
What colors pair best with #4b188e?
Since #4b188e is a powerful, dark violet, it pairs beautifully with high-contrast neutrals like crisp off-white or cream for readability. For a sophisticated, modern palette, try balancing this intensity against light-gray or soft, desaturated teals.
Is #4b188e a good choice for text elements?
#4b188e is excellent for bold headers or call-to-action buttons, but it is generally too dark for long-form body text. If you must use it for type, ensure it sits against a very bright background, like white or light ivory, to maintain sufficient contrast.
Is #4b188e readable on white or black?
#4b188e has a 11.53:1 contrast ratio on white and 1.82: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.