#264653
#2A9D8F
#E76F51
#F4A261
#E76F51 · Terracotta
Click to copy#E76F51 is a medium, highly saturated orange color, closest to Terracotta and near Terracotta and Mandarin. In OKLCH it has 68% lightness and 0.16 chroma at hue 35°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #E76F51 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#E76F51RGB
rgb(231, 111, 81)HSL
hsl(12, 76%, 61%)CMYK
0, 52, 65, 9CSS var
--terracottaContrast
3.09:1 white · 6.79:1 blackSimilar named colors
How to use #E76F51
Black text passes WCAG AA on #E76F51 (6.79:1); white text does not (3.09:1).
For a calm scheme pair #E76F51 with its analogous neighbors #E7507D and #E7BA50; for contrast use its complement #50C9E7 as a small accent, and anchor everything with a neutral such as #1F1F24.
--terracotta: #E76F51;
$terracotta: #E76F51;
colors: { 'terracotta': '#E76F51' }