Orange color

Terracotta #E2725B

#E2725B · rgb(226, 114, 91)

Terracotta is the color #E2725B. In RGB it is rgb(226, 114, 91) — 89% red, 45% green and 36% blue. Its CMYK breakdown is 0% cyan, 50% magenta, 60% yellow and 11% black, and in HSL it sits at 10° hue, 70% saturation and 62% lightness. Terracotta is not a standard CSS color name; the nearest web color is Light Coral (#F08080). The closest web-safe color is #CC6666.

Open in color picker Convert Make a palette Check contrast

Terracotta color codes

Hex#E2725B

RGBrgb(226, 114, 91)

RGB %89%, 45%, 36%

HSLhsl(10, 70%, 62%)

HSV / HSBhsv(10, 60%, 89%)

CMYKcmyk(0%, 50%, 60%, 11%)

OKLCHoklch(68% 0.144 33)

Closest web-safe#CC6666

Terracotta color meaning

Terracotta is a bold and energetic orange — a warm color at 62% lightness and 70% saturation. Like other oranges, it is linked with warmth, enthusiasm and creativity. It feels friendly and playful, sitting between the energy of red and the cheer of yellow.

Because it is bold and energetic, terracotta works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (3.1:1), so use it for fills and backgrounds and put black text on top (6.8:1).

What colors go with Terracotta?

Terracotta pairs well with Sky Blue, Blush, Honey and Charcoal: Sky Blue sits close to its opposite on the color wheel for strong contrast, Blush and Honey are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around terracotta in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Terracotta at a glance

Color family	Orange · warm, bold and energetic
CSS color name	No — nearest keyword is Light Coral (#F08080)
As text on white	3.09:1 — large text only
Best text on it	Black (6.79:1)
For print (CMYK)	0% cyan, 50% magenta, 60% yellow, 11% black
Full screen	Open the terracotta screen — fill your display or download it in 4K

Contrast

Contrast ratio of Terracotta against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 3.09:1 Black text — 6.79:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Terracotta

Terracotta color FAQ

What is the hex code for Terracotta?

Terracotta is #E2725B, which is rgb(226, 114, 91) and hsl(10, 70%, 62%). For print it is roughly C0 M50 Y60 K11.

What colors go with Terracotta?

Terracotta pairs well with Sky Blue, Blush, Honey, Charcoal. Sky Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Terracotta a warm or cool color?

Terracotta is a warm color: its hue is 10°, on the red, orange and yellow side of the color wheel.

What text color looks best on Terracotta?

Black text, with a contrast ratio of 6.8:1, which meets WCAG AA for normal text.