#D11F1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d11f1f is a saturated, high-intensity red that commands immediate attention. Because of its sheer visual power, it works best as a 10 percent accent color for calls to action or error states rather than a primary background. Pair it with soft, muted grays to ground its aggressive energy. The hex code for this vivid red is #d11f1f, which meets accessibility standards for white text.
Questions about #d11f1f
What is #d11f1f in RGB, HSL and CMYK?
In RGB, #d11f1f is rgb(209, 31, 31), in HSL hsl(0, 74%, 47%) and in CMYK 0%, 85%, 85%, 18%.
Where should I use #d11f1f in a UI design?
Reserve #d11f1f for small, high-impact UI elements like primary call-to-action buttons, notification badges, or error indicators. Its visual intensity can overwhelm the eye if used for large backgrounds or text blocks, so keep it limited to under 10 percent of your total screen area.
What colors pair well with #d11f1f?
To ground the aggressive energy of #d11f1f, pair it with balanced, neutral tones like charcoal or cool, soft grays. These neutrals allow the red to stand out as a focal point without creating visual noise or making the layout feel cluttered.
Is #d11f1f readable on white or black?
#d11f1f has a 5.34:1 contrast ratio on white and 3.92: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.