#B30200 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, dark red commands immediate attention. Use #b30200 as an accent color for critical calls to action or warning signs rather than large backgrounds. White text maintains excellent readability against this shade, meeting strict accessibility standards for small body copy. The hex code is #b30200, and it pairs surprisingly well with muted teals or soft, desaturated grays for a balanced, modern palette.
Questions about #b30200
What is #b30200 in RGB, HSL and CMYK?
In RGB, #b30200 is rgb(179, 2, 0), in HSL hsl(1, 100%, 35%) and in CMYK 0%, 99%, 100%, 30%.
Where should I use #b30200 in a design?
Use #b30200 primarily as a targeted accent color for buttons, error states, or critical notifications that require immediate user focus. Because of its high saturation, it can overwhelm a layout if used for large backgrounds or body text.
What colors pair well with #b30200?
This red balances effectively when paired with muted teals or soft, desaturated grays, which ground the intensity of the hue. These cooler, neutral tones act as a stabilizer, preventing the overall composition from appearing too aggressive or visually chaotic.
Is #b30200 readable on white or black?
#b30200 has a 7.17:1 contrast ratio on white and 2.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 is too faint for text. Try other pairs in the contrast checker.