Ottoman Red

#ee2222

Deep muted red-orange for strong but grounded highlights

Save
Share

About Ottoman Red

Ottoman Red lands like a lacquered coat of orange-red that's gone a little deeper and more burnished, not razor-edged. Compared to , it feels less pepper-sharp and more settled, with the heat wrapped in a heavier body. Against Don't Be Shy, it doesn't read as the tight, warning-label punch; it breathes a touch more in the midtone so the signal looks intentional, not clipped. And it doesn't lean as streetlight-flare as .

I use it when the UI needs a warm emphasis that still looks crafted: commerce promotion banners, mobile checkout highlights, creator storefront "limited" badges, and live event tiles where you want urgency without that too-aggressive orange lift. It's also strong for media product pages, especially when you need the one you reach for to keep buttons and status pills looking warm on dark themes. Pair it with deep charcoals, ink blues, or near-neutral creams so the shade stays burnished and controlled instead of turning noisy next to other hot oranges.

One quirk: on very light, warm backgrounds it can lose some definition, so cool your backdrop or add contrast with a darker border or type color.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
4.30:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.94:1FailAA Large

On Gray 900 #18181b

Aa
4.12:1FailAA Large

On Black #000000

Aa
4.89:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Ottoman Red

Open the generator with this color pre-loaded.

Start creating