#EE0022 Hex Color

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

Select a Color

Bethlehem Red is an intense, high-octane red that demands immediate attention. Because of its sheer saturation, this shade works best as a sharp 10% accent rather than a background color. Pair it with soft, charcoal grays to ground its aggressive energy without sacrificing impact. The hex code for Bethlehem Red is #ee0022, and it remains readable against black text for accessible UI designs.

About Bethlehem Red

Raspberries crushed on white porcelain

What does bethlehem red mean?

This red often signals urgency, love, and celebration, and it commonly appears in warnings, sales signs, and holiday decorations. It burns hot and full, with almost no gray in it, so it reads bold and loud rather than soft or dim.

Where you see bethlehem red

raspberries
theater curtains
stop sign reflectors
cherry candy
emergency flares
boxing ring ropes

What it works for

Use it when a design needs a strong focal point, like a call to action button, a sale banner, or a single bold accent.

What colors go with bethlehem red?

Deep Teal #00555aThe cool green-blue sits across the color wheel, so both colors look sharper next to each other.Charcoal #36454fThe near-black gray grounds the red and gives it room to stand out.Cream #fffdd0The warm off-white lets the red dominate while keeping the whole palette from feeling harsh.

Questions about Bethlehem Red

What is the hex code for Bethlehem Red?

Bethlehem Red is #ee0022. In RGB that is rgb(238, 0, 34), in HSL hsl(351, 100%, 47%) and in CMYK 0%, 100%, 86%, 7%.

How should I use Bethlehem Red in my UI design?

Bethlehem Red is extremely high-energy and should be limited to small UI accents, like call-to-action buttons or alert icons, to avoid overwhelming the user. It functions best as a 10 percent accent, leaving plenty of room for balanced negative space.

Is Bethlehem Red readable on white or black?

Bethlehem Red has a 4.50:1 contrast ratio on white and 4.65: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 for body text. Try other pairs in the contrast checker.