#940522 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, dark red carries a heavy, serious weight, perfect for creating moody and authoritative brand palettes. It functions best as an accent color rather than a large-scale background, as its deep saturation can easily overwhelm UI designs. Pair it with soft cream or slate gray to balance the strength of the hex code #940522. White text remains readable against this background due to high contrast.
Questions about #940522
What is #940522 in RGB, HSL and CMYK?
In RGB, #940522 is rgb(148, 5, 34), in HSL hsl(348, 93%, 30%) and in CMYK 0%, 97%, 77%, 42%.
How can I balance the intensity of #940522 in a UI design?
Because #940522 carries significant visual weight, use it strictly as an accent color rather than a background. Pair it with neutral shades like cream or slate gray to soften its impact while maintaining readability and professional contrast.
Is #940522 suitable for body text?
Avoid using #940522 for long-form body text, as its deep saturation and intense red undertones can cause eye strain. It functions best when applied to call-to-action buttons, headers, or small UI elements that require a serious, authoritative focus.
Is #940522 readable on white or black?
#940522 has a 9.11:1 contrast ratio on white and 2.30: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.