#D30834 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red commands immediate attention. Its aggressive, warm character makes #d30834 an ideal choice for emergency alerts, call-to-action buttons, or high-impact branding. Because it is so dominant, limit this hex code to small accents rather than large backgrounds to prevent visual fatigue. White text offers the best contrast against this shade for accessible interface design.
Questions about #d30834
What is #d30834 in RGB, HSL and CMYK?
In RGB, #d30834 is rgb(211, 8, 52), in HSL hsl(347, 93%, 43%) and in CMYK 0%, 96%, 75%, 17%.
What is the best way to use #d30834 in a user interface?
Reserve #d30834 exclusively for high-priority elements like call-to-action buttons, error states, or emergency notifications. Because this intense red is visually aggressive, keeping it as a small accent prevents user fatigue while maintaining strong click-through potential in your design.
What colors balance the intensity of #d30834?
Pair #d30834 with a neutral charcoal or deep gray to ground its aggressive energy. For a high-contrast, professional look, white text provides the best readability against this shade, ensuring your critical interface components remain accessible and easy to scan.
Is #d30834 readable on white or black?
#d30834 has a 5.44:1 contrast ratio on white and 3.85: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.