Skip to content

Rust #b7410e

Iron’s autobiography, in orange.

RGB
183, 65, 14
HSL
18°, 86%, 39%
CMYK
0, 65, 92, 28
Luminance
0.1388

About Rust

Rust, #b7410e, is orange oxidized into seriousness — iron’s slow burn made pigment. It is terracotta’s industrial sibling: warmth with grit, the color of Cor-Ten steel facades, canyon walls and every autumn ever photographed.

History

Iron oxide is among humanity’s first pigments (red ochre is rust’s ancient family), and its architectural rehabilitation came with weathering steel — buildings designed to rust beautifully on purpose. Fashion’s rust wave rides every autumn without fail.

Psychology

Rust signals endurance, craft and grounded warmth — orange with a work ethic. It reads artisanal and time-worn, the palette of makers, foundries and heritage denim.

In design

Rust is a text-capable warm accent (#b7410e = 5.9:1 on white) — rare among oranges. It anchors autumn systems with mustard, olive and cream; modernizes against slate and charcoal; and gives terracotta palettes their shadow tone.

In culture

Rust Belt, rust never sleeps, rusted-on loyalty: the metaphor of persistence and decline at once. In landscape, rust is the American Southwest’s entire brand.

Brands that own rust

Shades of rust

Every format

HEX#b7410e
RGBrgb(183, 65, 14)
HSLhsl(18, 86%, 39%)
CMYKcmyk(0%, 65%, 92%, 28%)
LABlab(44.1 45.8 51.1)
LCHlch(44.1 68.6 48.2)
OKLCHoklch(0.535 0.163 39.5)

Copy-ready code

/* CSS */
color: #b7410e;
background-color: #b7410e;
/* Tailwind (arbitrary) */
class="text-[#b7410e] bg-[#b7410e]"
/* SCSS */
$brand: #b7410e;
/* SwiftUI */
Color(red: 0.718, green: 0.255, blue: 0.055)
/* Android */
Color.parseColor("#b7410e")

Accessibility — WCAG contrast

Aa
#b7410e on white: 5.56:1
AA ✓ pass · AA-large · AAA
Aa
#b7410e on black: 3.78:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red71.8%
Green25.5%
Blue5.5%

CMYK percentages

Cyan0.0%
Magenta64.5%
Yellow92.3%
Key (black)28.2%

Color previews

#b7410e text on a black background

contrast 3.78:1

Card sample

#b7410e text on a white background

contrast 5.56:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #b7410e;
Background color
Panel with #b7410e background
background-color: #b7410e;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #b7410e;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(183, 65, 14, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(183, 65, 14, 0.45);
Border & gradient
Gradient panel
border: 3px solid #b7410e;
background: linear-gradient(135deg, #b7410e, #B7B20E);

Monochromatic scale

Palettes built from #b7410e

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Rust, answered

What is the hex code for rust?

Rust is commonly #b7410e; related tones include burnt orange #cc5500, copper #b87333 and terracotta #e2725b.

Is rust accessible as a text color?

Yes — unusually for an orange: #b7410e reaches about 5.9:1 on white, passing AA for body text. It is the orange family’s best ink.

What colors go with rust?

Cream, mustard and olive (autumn), slate and charcoal (industrial-modern), sage for calm contrast, denim for workwear heritage.

Work with #b7410e in the Color Lab