Codes & values
- Color Name
Terracotta - Color ID
KDF-C-14840411 - HEX
#E2725B - RGB
rgb(226, 114, 91) - RGBA
rgba(226, 114, 91, 1) - HSL
hsl(10, 70%, 62%) - HSLA
hsla(10, 70%, 62%, 1) - HSV / HSB
hsv(10, 60%, 89%) - CMYK
cmyk(0%, 50%, 60%, 11%) - Light / Dark
mid
Quick answers
- What is the HEX code for Terracotta?
- #E2725B
- What is Terracotta RGB?
- rgb(226, 114, 91)
- What is Terracotta HSL?
- hsl(10, 70%, 62%)
- What is Terracotta CMYK?
- cmyk(0%, 50%, 60%, 11%)
What is Terracotta?
Terracotta is a curated orange family color at #E2725B. It appears in our library with tags for interior, fashion, branding. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Terracotta HEX code
The HEX code for Terracotta is #E2725B. Paste it into CSS as color: #E2725B; or background-color: #E2725B;. Design tools accept the same six-digit value without the # prefix (e2725b).
Terracotta RGB
Terracotta in RGB is rgb(226, 114, 91) (channels R 226, G 114, B 91). Use RGB when you need opacity via rgba(226, 114, 91, 1).
Terracotta HSL & HSV
HSL is hsl(10, 70%, 62%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(10, 60%, 89%), closer to how many digital pickers expose hue, saturation, and brightness.
Terracotta CMYK
Approximate CMYK for Terracotta is cmyk(0%, 50%, 60%, 11%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Terracotta
Darker shades (mixed toward black): #BC5F4C, #974C3D, #71392E, #4B261E, #26130F. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Terracotta
Lighter tints (mixed toward white): #E78A76, #ECA192, #F1B9AD, #F5D0C8, #FAE8E4. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Terracotta
Complementary pairing: #E2725B, #5BCBE2. Analogous neighbors: #E25B87, #E2725B, #E2B65B. Triadic accents: #E2725B, #5BE272, #725BE2. Always check text contrast when pairing.
Terracotta color combinations
A practical combo: primary #E2725B, complementary accent #5BCBE2, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #E2725B, #5BE2B5, #5B88E2.
Terracotta in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Terracotta in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 3.09:1 (better as a large accent or background than small body text); vs black 6.79:1.
Terracotta earth & muted use
Terracotta leans muted or earthy — ideal for interiors, craft brands, and calm UI. Combine with cream, sage, and clay neutrals.
Frequently asked questions
- What is the HEX code for Terracotta?
- Terracotta: #E2725B.
- What is Terracotta RGB?
- Terracotta: rgb(226, 114, 91).
- What is Terracotta HSL?
- Terracotta: hsl(10, 70%, 62%).
- What is Terracotta CMYK?
- Terracotta: cmyk(0%, 50%, 60%, 11%).
- What colors go with Terracotta?
- Try complementary #E2725B, #5BCBE2 or analogous #E25B87, #E2725B, #E2B65B.
- Is Terracotta good for text on white?
- Not ideal for small body text (3.09:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.09:1 (prefer large accent or background). Contrast vs black: 6.79:1. Complementary swatch: #E2725B, #5BCBE2.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK