Skip to content

Terracotta #e2725b

Baked earth, still warm.

RGB
226, 114, 91
HSL
10°, 70%, 62%
CMYK
0, 50, 60, 11
Luminance
0.2896

About Terracotta

Terracotta — Italian for “baked earth” — is clay’s color after the kiln: orange softened with pink and dust. #e2725b sits at the modern center of a family that runs from flowerpot to Tuscan rooftop, and it became the defining warm accent of 2020s interiors.

History

Eight thousand soldiers of the Terracotta Army guard the color’s deepest résumé; Mediterranean roofs and Georgian brick carry its everyday one. Its current design reign began when minimalism warmed up — terracotta was the exact temperature the gray decade was missing.

Psychology

Terracotta feels handmade, sun-warmed and grounded — orange’s friendliness fired into permanence. It reads Mediterranean vacation and artisan studio simultaneously.

In design

Terracotta is the accent that made sage famous — their pairing defined a design era. It works as large surfaces (walls, hero washes), passes for large text on white (~3.6:1, darken toward #c1440e for body), and glows against cream, navy and charcoal.

In culture

Flowerpots, rooftops and an emperor’s clay army: terracotta is civilization’s most durable color sample — fired once, kept for millennia.

Brands that own terracotta

Shades of terracotta

Every format

HEX#e2725b
RGBrgb(226, 114, 91)
HSLhsl(10, 70%, 62%)
CMYKcmyk(0%, 50%, 60%, 11%)
LABlab(60.8 41.6 32.8)
LCHlch(60.8 53.0 38.3)
OKLCHoklch(0.677 0.144 32.9)

Copy-ready code

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

Accessibility — WCAG contrast

Aa
#e2725b on white: 3.09:1
AA ✗ fail · AA-large · AAA
Aa
#e2725b on black: 6.79:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red88.6%
Green44.7%
Blue35.7%

CMYK percentages

Cyan0.0%
Magenta49.6%
Yellow59.7%
Key (black)11.4%

Color previews

#e2725b text on a black background

contrast 6.79:1

Card sample

#e2725b text on a white background

contrast 3.09:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

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

Glowing headline

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

Soft neon halo

text-shadow: 0 0 14px rgba(226, 114, 91, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(226, 114, 91, 0.45);
Border & gradient
Gradient panel
border: 3px solid #e2725b;
background: linear-gradient(135deg, #e2725b, #E2CC5B);

Monochromatic scale

Palettes built from #e2725b

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Terracotta, answered

What is the hex code for terracotta?

Modern terracotta centers on #e2725b, spanning clay #b66a50 to brighter #e07a5f. Deeper pot tones reach #c1440e.

What colors go with terracotta?

Sage green is the signature partner; cream, navy, charcoal and brass complete the modern-organic palette.

Is terracotta good for text?

Large text only at #e2725b (~3.6:1 on white). For body copy, darken to #c1440e-class, which passes AA.

Work with #e2725b in the Color Lab