#B31601 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep red carries significant intensity without appearing neon. Its dark, warm undertones make it an excellent choice for high-stakes UI elements like caution alerts or impactful calls to action. The hex code for this powerful shade is #b31601. Pair it with soft cream or white text for readability, as this color works best as a sharp accent rather than a full page background.
Questions about #b31601
What is #b31601 in RGB, HSL and CMYK?
In RGB, #b31601 is rgb(179, 22, 1), in HSL hsl(7, 99%, 35%) and in CMYK 0%, 88%, 99%, 30%.
How should I use #b31601 in a UI design interface?
#b31601 works best as a deliberate, high-impact accent rather than a dominant background color. It is highly effective for critical alerts or primary buttons where you need to draw immediate attention, provided you pair it with clean white or soft cream text for optimal contrast.
Is #b31601 considered a warm or cool red?
This color sits firmly in the warm category due to its deep, grounded undertones that avoid the neon or pinkish leanings of brighter reds. Because of this warmth, it remains readable and authoritative, making it a reliable choice for professional design systems that require intensity.
Is #b31601 readable on white or black?
#b31601 has a 6.92:1 contrast ratio on white and 3.03: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.