#B33500 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b33500 graphic
This saturated, warm red burns with intensity and immediate urgency. Due to its high chroma, #b33500 works best as a punchy 10% accent rather than a full-page background, where it can easily overwhelm the eye. Pair this shade with soft teals or muted grays to balance its aggressive, fiery character. The hex code for this powerful red is #b33500.

Questions about #b33500

What is #b33500 in RGB, HSL and CMYK?
In RGB, #b33500 is rgb(179, 53, 0), in HSL hsl(18, 100%, 35%) and in CMYK 0%, 70%, 100%, 30%.
What colors pair well with #b33500 for a balanced design?
Pair #b33500 with muted teal or soft charcoal to ground its intensity. Because this red is so aggressive, using it alongside cooler, neutral tones prevents it from overwhelming your layout and creates a more sophisticated, readable contrast.
Should #b33500 be used for large background areas?
Avoid using #b33500 as a full-page background because its high chroma can quickly cause eye fatigue. Instead, reserve this punchy color for small UI elements like buttons, notification badges, or icons where you need to draw the user's immediate attention.
Is #b33500 readable on white or black?
#b33500 has a 6.12:1 contrast ratio on white and 3.42: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.