HueWiz / Color names / Rust
#B7410E

Rust color code

Rust hex code: #B7410E · RGB 183, 65, 14. Also called rust orange, rust red.

Build a website palette from rust →

What color is rust?

Rust is a reddish-brown orange like oxidized iron. The common reference value is #B7410E. It's redder and darker than burnt orange and more orange than brick.

Rust suits industrial, outdoor and craft brands, autumn fashion, coffee shops, and boho interiors. It feels warm and grounded, with more energy than brown.

White text passes AA on rust. Pair rust with teal or slate blue for complementary contrast, or with cream, olive and mustard for an earthy palette. Use the light rust or rust tint for backgrounds.

Rust variants

Popular color names rarely have one official value. "Reference" values are the ones commonly listed in general color references; "HueWiz pick" values are lighter, deeper or muted versions chosen for interface work. Click a code to copy it.

Rust (reference value)#B7410Ergb(183, 65, 14) · reference
Dark rust#8B3103rgb(139, 49, 3) · HueWiz pick
Light rust#D2691Ergb(210, 105, 30) · HueWiz pick
Rust tint#E8A27Crgb(232, 162, 124) · HueWiz pick

Rust on a real website

The same base color in a light and a dark theme. Surfaces and text are tinted with rust's hue; links are adjusted until they reach 4.5:1 against the surface. The accent comes from the first palette below.

light theme
StudioWorkAboutContact

Spring collection

Designed around rust.

A short paragraph shows how body text reads on this surface, with an inline link in the brand color.

Get startedLearn more
NewCard on surface with an accent badge.
Light roles · surface #FFF4F0 · text #2F1810 · link #B7410E
dark theme
StudioWorkAboutContact

Spring collection

Designed around rust.

A short paragraph shows how body text reads on this surface, with an inline link in the brand color.

Get startedLearn more
NewCard on surface with an accent badge.
Dark roles · surface #1F0F09 · text #F8EBE7 · link #D35B2F

Rust color palettes

Hand-picked combinations that work with rust. Hover a swatch to see its code; click to copy.

Rust & teal

Open the first color in the palette studio →

Workshop

Open the first color in the palette studio →

Boho earth

Open the first color in the palette studio →

Rust contrast & accessibility

WCAG 2.x asks for 4.5:1 for normal text (AA), 3:1 for large text and 7:1 for AAA. Ratios are truncated, not rounded, so a pass shown here is a real pass. Check your exact pairs in the contrast checker.

PairingRatioNormal textLarge text
White text on rust5.56:1AAAAA
Black text on rust3.77:1FailAA
Rust text on white5.56:1AAAAA
Rust text on near-black #1111113.39:1FailAA

Rust shades for Tailwind & design systems

An 11-step 50–950 ramp generated in OKLCH from #B7410E. Light steps suit backgrounds and borders, middle steps buttons, dark steps text. This is a generated ramp, not an official Tailwind palette.

Tailwind CSS v4

@import "tailwindcss";

@theme {
  --color-rust-50: #FFF4F0;
  --color-rust-100: #FFE7DF;
  --color-rust-200: #FFCEBE;
  --color-rust-300: #FEAB8F;
  --color-rust-400: #E88A6A;
  --color-rust-500: #D16844;
  --color-rust-600: #BA4516;
  --color-rust-700: #9A3100;
  --color-rust-800: #762400;
  --color-rust-900: #551700;
  --color-rust-950: #360C00;
  --color-rust: #B7410E;
}

CSS variables

:root {
  --rust: #B7410E;
  --rust-rgb: 183 65 14;
  --rust-light: #FFE7DF;
  --rust-dark: #762400;
}

.btn-rust {
  background: #B7410E;
  color: #FFFFFF;
}

Need semantic roles (surface, text, primary, accent) and exports? Open rust in the Tailwind color generator.

Rust FAQ

What is the hex code for rust?

#B7410E is the value HueWiz uses for rust; it equals rgb(183, 65, 14). Other common versions include #8B3103 (dark rust), #D2691E (light rust), #E8A27C (rust tint).

Is rust a warm or cool color?

With an HSL hue of 18° and 86% saturation, rust reads as a warm orange.

What text color looks best on rust?

Use white or very light text. White on #B7410E measures 5.56:1 and black measures 3.77:1; WCAG AA needs 4.5:1 for normal text.

What colors go with rust?

Try rust & teal (#B7410E, #1F6F78, #F4EDE4); workshop (#8B3103, #B7410E, #6E7B85); boho earth (#B7410E, #E1AD01, #708238). Each palette above can be copied or opened in the HueWiz studio.

Closest CSS named colors

Rust isn't a CSS keyword. These built-in CSS colors are the nearest by perceptual (OKLab) distance; lower ΔE means closer.

Related color names

Copied