#B30700 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b30700 is an intense, saturated red that carries significant visual weight. Its deep, moody profile makes it ideal for bold call-to-action buttons or small UI accents rather than expansive backgrounds. This shade offers excellent legibility with white text, providing a 7.1:1 contrast ratio. When applying the hex code #b30700, avoid overusing it in large areas to prevent the design from feeling too heavy.
Questions about #b30700
What is #b30700 in RGB, HSL and CMYK?
In RGB, #b30700 is rgb(179, 7, 0), in HSL hsl(2, 100%, 35%) and in CMYK 0%, 96%, 100%, 30%.
How should I use #b30700 effectively in UI design?
#b30700 works best as a high-impact accent color rather than a primary background shade. Its saturated, intense nature makes it perfect for call-to-action buttons, error states, or small graphic elements where you need to draw the user's eye immediately.
Is #b30700 readable on white or black?
#b30700 has a 7.12:1 contrast ratio on white and 2.94: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.