Coloried

Terracotta

Terracotta color is a vivid shade of red. Its hex code is #E3735E and rgb code is rgb(227, 115, 94), Its CMYK value is cmyk(0%, 49%, 59%, 11%), and Its HSL value is hsl(9, 70%, 63%). Its a contrast ratio against white is 3.05:1, while against black, the contrast ratio is 6.88:1. Its complementary color is #5FCFE3 and closest tailwind color is red-400. This color goes well with #8F6619, #8F1942, #4E170E, #21BA85, and #2157BA. To get this Terracotta color, you can mix #FF0000 and #C7E6BC.

Terracotta color code
|
1. Color Conversions
HEX#E3735E
RGB227, 115, 94
HSL9°, 70%, 63%
HSV9°, 70%, 89%
CMYK0%, 49%, 59%, 11%
Web Safe#CC6666
2. Contrast Ratio
Text on #FFFFFF3.05:1
AAA LargeFail Normal
Text on #0000006.88:1
AAA LargeAAA Normal
3. Terracotta Color Code in CSS
HEX
#E3735E
RGB
rgb(227, 115, 94)
HSL
hsl(9, 70%, 63%)
Text Color
color: #E3735E;
Background
background-color: #E3735E;
Border Color
border-color: #E3735E;
Box Shadow
box-shadow: 0 4px 14px 0 #E3735E80;
SCSS
$color-terracotta: #E3735E;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B2B263
Deuteranopia#B9C164
Tritanopia#DD6768
Achromatopsia#929292
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive