Home /Compare /Terracotta vs Grey

Terracotta vs Grey: What's the Difference?

The main difference between Terracotta and Grey is hue — Terracotta is a warm red, while Grey is a neutral gray. Terracotta (#E2725B) has an HSL of 10°, 70%, 62%, whereas Grey (#808080) sits at 0°, 0%, 50%.

Terracotta#E2725B
Grey#808080
#E2725BBlended: #B1796E#808080

Terracotta vs Grey: Key Differences at a Glance

Aspect Terracotta Grey
BrightnessLight (L=62%) — airy, soft, approachableMedium (L=50%) — balanced, versatile
SaturationVivid (S=70%) — bright, energetic, eye-catchingNear-neutral (S=0%) — desaturated and restrained
Hue familyRedGray
TemperatureWarmNeutral
Hex code#E2725B#808080
RGB226, 114, 91128, 128, 128

Can you use Terracotta and Grey together?

Grey text on Terracotta
Terracotta text on Grey
Contrast Ratio:1.28:1Insufficient Contrast

How to Tell Terracotta and Grey Apart

  • Look at lightness first: Terracotta is noticeably lighter.
  • Check saturation: Terracotta looks more vivid and saturated.
  • Watch the undertone: the hue shifts 10° between them, which changes the perceived temperature.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Terracotta vs Grey in Design

Use Terracotta for:
Alerts, errors, stop states
Sale & promotion banners
Food and beverage packaging
Sports and energy branding
Romantic & bold fashion
Use Grey for:
Backgrounds and UI chrome
Professional corporate design
Minimalist and modern brands
Text and secondary elements
Architectural neutrals

Terracotta and Grey Hex Codes, RGB & HSL

Terracotta#E2725B

Terracotta (#E2725B) is a light, vivid red with a warm undertone — it feels airy, soft, approachable and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Grey#808080

Grey (#808080) is a medium, near-neutral gray with a neutral undertone — it feels balanced, versatile and desaturated and restrained.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Terracotta and Grey WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Terracotta text on white
3.09:1AA Large
Sample text preview
Terracotta text on black
6.79:1AA
Sample text preview
Grey text on white
3.95:1AA Large
Sample text preview
Grey text on black
5.32:1AA
Sample text preview
Terracotta text on Grey
1.28:1Fail
Sample text preview
Grey text on Terracotta
1.28:1Fail

Explore Terracotta and Grey individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Terracotta color page#E2725B · shades, tints, pairingsGrey color page#808080 · shades, tints, pairings

More Terracotta and Grey Comparisons

Terracotta vs Grey FAQ

What is the difference between terracotta and grey?+
The main difference between Terracotta and Grey is hue — Terracotta is a warm red, while Grey is a neutral gray. Terracotta (#E2725B) has an HSL of 10°, 70%, 62%, whereas Grey (#808080) sits at 0°, 0%, 50%.
Is terracotta darker than grey?+
No. Grey is the darker of the two at 50% lightness, while Terracotta sits higher at 62%.
Are terracotta and grey the same color?+
No. Terracotta is #E2725B and Grey is #808080. They differ by 10° in hue, 12% in lightness, and 70% in saturation.
Which is more saturated, terracotta or grey?+
Terracotta is more saturated. In HSL, Terracotta has 70% saturation and Grey has 0% — Terracotta is the more vivid of the two, while Grey reads as more muted.
Is terracotta warm or cool?+
Terracotta (#E2725B) is a warm red. Its hue sits at 10° on the color wheel, which places it in the warm range.
Is grey warm or cool?+
Grey (#808080) is a neutral gray. Its hue sits at 0° on the color wheel, which places it in the neutral range.
Can you use terracotta and grey together?+
Yes. Terracotta (red) and Grey (gray) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does terracotta belong to?+
Terracotta belongs to the red family. Its HSL is 10°, 70%, 62% — a warm tone within the broader red group.
What is the hex code for terracotta?+
The hex code for Terracotta is #E2725B. In RGB, that's rgb(226, 114, 91), and in HSL it's hsl(10, 70%, 62%).
What is the hex code for grey?+
The hex code for Grey is #808080. In RGB, that's rgb(128, 128, 128), and in HSL it's hsl(0, 0%, 50%).