#442AFF Hex Color

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

Hex color #442aff graphic
This highly saturated violet tone demands attention, making it an ideal choice for bold UI highlights or calls to action. Because it sits so vividly on the spectrum, #442aff can overpower a layout if used as a large background. It pairs best with clean white text for optimal legibility. Use this intense hex code as a 10% accent to inject energy into serious, dark designs.

Questions about #442aff

What is #442aff in RGB, HSL and CMYK?
In RGB, #442aff is rgb(68, 42, 255), in HSL hsl(247, 100%, 58%) and in CMYK 73%, 84%, 0%, 0%.
How should I use #442aff in a UI design?
Apply #442aff sparingly as a 10% accent color for primary call-to-action buttons or interactive elements. It is far too intense for large backgrounds, so pair it with neutral whites or dark charcoals to ensure the interface remains usable and easy on the eyes.
Is #442aff readable on white or black?
#442aff has a 6.95:1 contrast ratio on white and 3.02: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.