#B33C00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, scorched orange carries an intense red-brown undertone. Because it is highly pigmented, #b33c00 works best as a punchy accent rather than a background. Pair it with soft cream or slate gray to keep it from feeling overwhelming. This color provides excellent contrast with white text, making it a bold choice for buttons or notification badges. The hex code for this color is #b33c00.
Questions about #b33c00
What is #b33c00 in RGB, HSL and CMYK?
In RGB, #b33c00 is rgb(179, 60, 0), in HSL hsl(20, 100%, 35%) and in CMYK 0%, 66%, 100%, 30%.
Where should I use #b33c00 in a design project?
Use #b33c00 primarily as a high-impact accent color rather than a primary background to avoid visual fatigue. It performs exceptionally well for call-to-action buttons, notification badges, or alert states where you need to draw immediate user attention.
What colors pair well with #b33c00 for a balanced palette?
To prevent this intense shade from feeling overwhelming, pair it with soft neutrals like cream or slate gray. These colors provide a sophisticated, muted backdrop that allows the warmth of #b33c00 to pop without clashing.
Is #b33c00 readable on white or black?
#b33c00 has a 5.89:1 contrast ratio on white and 3.56: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.