#B22000 Hex Color

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

Frequently Asked Questions

How should I use #b22000 in interface design?
#b22000 is best reserved for small, critical elements like error states or primary action buttons where high contrast is necessary. Avoid using it as a large background color, as its intense saturation can quickly overpower the layout and create visual fatigue for users.
What colors pair well with the intense #b22000?
Pair #b22000 with neutral tones like a clean off-white or a deep slate gray to maintain readability and balance. For a bold look, it also complements cool-toned teals, but ensure the ratio is carefully managed to avoid color vibration on screen.