Terracotta hex code
The hex code for terracotta is #E2725B. In RGB that is rgb(226, 114, 91) and in HSL it is hsl(10, 70%, 62%).
The hex code for terracotta is #E2725B. In RGB that is rgb(226, 114, 91) and in HSL it is hsl(10, 70%, 62%).
Terracotta · #E2725B
Colour codes
- HEX
- #E2725B
- RGB
- rgb(226, 114, 91)
- HSL
- hsl(10, 70%, 62%)
- CMYK
- 0, 50, 60, 11
- Contrast on white
- 3.09:1
- Contrast on black
- 6.79:1
Tints and shades
20% lighter · #e88e7c
40% lighter · #eeaa9d
60% lighter · #f3c7bd
80% lighter · #f9e3de
20% darker · #b55b49
40% darker · #884437
60% darker · #5a2e24
80% darker · #2d1712
Complementary colour
Terracotta · #E2725B
Opposite on the colour wheel · #5acbe2
Frequently asked questions
What is the hex code for terracotta?
The hex code for terracotta is #E2725B. In RGB that is rgb(226, 114, 91) and in HSL it is hsl(10, 70%, 62%).
Can I use terracotta for text?
It has a contrast ratio of 3.09:1 on white and 6.79:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with terracotta?
Its complementary colour, opposite on the colour wheel, is #5ACBE2. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of terracotta instead.
Is terracotta a CSS colour name?
No. Terracotta is a common name rather than a CSS keyword, and different sources use slightly different values. #E2725B is the most widely used one - use the hex value in CSS.