#D61326 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red demands immediate attention in any composition. Because of its raw energy, #d61326 functions best as a small accent rather than a dominant background color. It pairs effectively with cool charcoal grays, which help ground its brightness. White text maintains clear contrast against this hex code, ensuring it remains a functional, legible choice for high-priority UI alerts or bold call-to-action buttons.
Questions about #d61326
What is #d61326 in RGB, HSL and CMYK?
In RGB, #d61326 is rgb(214, 19, 38), in HSL hsl(354, 84%, 46%) and in CMYK 0%, 91%, 82%, 16%.
How should I effectively use #d61326 in my interface design?
Because #d61326 is extremely energetic and demanding, use it sparingly as an accent rather than a background. It serves best for high-priority UI elements like critical alerts or call-to-action buttons where you need to draw the eye immediately.
What colors pair well with #d61326 for a balanced design?
To ground the raw brightness of #d61326, pair it with deep, cool charcoal or soft neutral grays. These darker, neutral tones provide the necessary contrast to make the red stand out without overwhelming your entire layout.
Is #d61326 readable on white or black?
#d61326 has a 5.27:1 contrast ratio on white and 3.98: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.