Skip to the color picker

Terracotta color: #e2725b

Terracotta is #e2725b, rgb(226, 114, 91) in RGB and oklch(67.738% 0.14444 32.937) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

10°
100%

67.7%
0.144
33°
  • Red
  • Medium
  • Soft
  • Warm
  • red-400
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
3.09:1Hard to read
Lc -63
Black text
6.79:1Readable · AA
Lc 47

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Terracotta

Similar named colors

Questions about Terracotta

What is the hex code for Terracotta?

The hex code for Terracotta is #e2725b. In RGB it is rgb(226, 114, 91), in HSL hsl(10.22, 69.95%, 62.16%) and in OKLCH oklch(67.738% 0.14444 32.937).

What colors go well with Terracotta?

Its complementary color is #00acca. For a calmer look, pair it with the analogous colors #de6d8f and #d58120. Ready palettes with Terracotta are shown on this page.

Is Terracotta a warm or cool color?

Terracotta is a warm color with an OKLCH hue of 33 degrees.

What text color is readable on Terracotta?

Black text is more readable on Terracotta: white gives a contrast ratio of 3.09:1 and black gives 6.79:1. WCAG AA asks for at least 4.5:1 for body text.

About #e2725b

#e2725b is a soft red color. In OKLCH it has 67.7% lightness, 0.144 chroma and a hue of 33°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.09:1 contrast and black text 6.79:1, so black text reads better.

The closest named color is Phoenix Red (#e2725b). In Tailwind CSS the closest color is red-400.

More medium red colors

Lighter: #e2725b mixed with white

  1. e2725b

Darker: #e2725b mixed with black

  1. e2725b

Calmer: #e2725b with less saturation

  1. e2725b

Similar named colors

  • Phoenix Red#e2725b

Colors that go with #e2725b

Complementary
#e2725b
Analogous
#e2725b
Triadic
#e2725b
Split
#e2725b