#240133 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #240133 graphic
This extremely dark, unsaturated purple feels moody and near-black. It offers a sophisticated base for high-contrast UI designs because white text achieves excellent legibility against it. The hex code for this shade is #240133. Because it is so muted, use it as a 60% dominant background color rather than for fine details, which can get lost or appear muddy at small sizes.

Questions about #240133

What is #240133 in RGB, HSL and CMYK?
In RGB, #240133 is rgb(36, 1, 51), in HSL hsl(282, 96%, 10%) and in CMYK 29%, 98%, 0%, 80%.
When should I use #240133 in a design?
Use #240133 primarily as a dominant background color for websites and apps to create a premium, high-contrast environment. Because this shade is so dark and muted, it works best with large white typography and should be avoided for small, fine details that may disappear.
Does #240133 work well with other colors?
Because #240133 is so close to black, it pairs effectively with vibrant, saturated accent colors like electric blue or citrus yellow to provide visual pop. You can also pair it with soft cool gray tones to create a balanced, modern, and readable monochromatic interface.
Is #240133 readable on white or black?
#240133 has a 18.63:1 contrast ratio on white and 1.12: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.