Terra Cotta (#e2725b) Web Color For Web Page Design

Everything about Terra Cotta (#e2725b) and hex colors to enhance web page design and your website development company. Get a multitude of palettes based on one color. Learn how to choose the right hex codes for web page design. Optimize your online projects with the power of triadic, tetradic, analogous colors, and more. Get inspired and design websites with ease for your web development company.

Terra Cotta (#e2725b) Color Hex

Terra Cotta (#e2725b) rgb(226, 114, 91)

Color spaces of Terra Cotta (#e2725b)

RGB22611491
HSL0.030.700.62
HSV116089
CMYK0.000.500.60 0.11
XYZ39.269728.958713.4174
Yxy0.48100.3547
Hunter Lab53.813336.085222.8864
CIE-Lab60.745241.601832.7942

Base Numbers

BaseRedGreenBlue
Binary111000100111001001011011
Octal342162133
Decimal22611491
HexE2725B

Shades of Terra Cotta (#e2725b)

Copied!
HEX toggle hex RGB
#e2725b #cb6752 #b55b49 #9e5040 #884437 #71392e #5a2e24 #44221b #2d1712 #170b09 #000000

Tints of Terra Cotta (#e2725b)

Copied!
HEX toggle hex RGB
#d9745f #d27866 #ce8070 #cd8a7c #cf978b #d3a69d #dab8b1 #e4cdc9 #f0e4e2 #ffffff

RGB Percentages of Color Terra Cotta (#e2725b)

Red
Green
Blue

CMYK Percentages of Color Terra Cotta (#e2725b)

Cyan
Magenta
Yellow
Black

Analogous Colors of Terra Cotta (#e2725b)

Copied!
HEX toggle hex RGB
#e2725b #ffaa00 #d4ff00 #55ff00

Triadic Colors of Terra Cotta (#e2725b) separated with 120° angle

Copied!
HEX toggle hex RGB
#e2725b #5fe377 #775fe3

Tetradic Colors of Terra Cotta (#e2725b) separated with 90° angle

Copied!
HEX toggle hex RGB
#e2725b #88e35f #5fcae3 #b95fe3

Monochromatic Colors of Terra Cotta (#e2725b)

Copied!
HEX toggle hex RGB
#892d18 #bf3f22 #db5436 #ea9a88 #f1bcb1

Complementary Color

Copied!
HEX toggle hex RGB
#e2725b #5fcae3

Pastel variations

Copied!
HEX toggle hex RGB
#e68573 #804a40 #e6d2cf #bf4730

Soft variations

Copied!
HEX toggle hex RGB
#cc998f #805f59 #e6d2cf #bf6f60

Light variations

Copied!
HEX toggle hex RGB
#ffcabf #bf6f60 #ffeae6 #ff9480

Hard variations

Copied!
HEX toggle hex RGB
#ff2900 #991900 #ffeae6 #ff7f66

Pale variations

Copied!
HEX toggle hex RGB
#d9c7c3 #807573 #ffeae6 #bfafac

Terra Cotta (#e2725b) Color Preview on Black Background

This is Terra Cotta (#e2725b) on a black background

Terra Cotta (#e2725b) Color Preview on White Background

This is Terra Cotta (#e2725b) on a white background

Terra Cotta (#e2725b) Color CSS Codes

                .bckColor {background-color:#ff0000; } 
                .forColor {color:#ff0000; }
                .bordercolor {border:3px solid #ff0000; }

Terra Cotta (#e2725b) Text Font Color

This is a sample text written with the Terra Cotta (#e2725b) color.
This is a strong text written with the Terra Cotta (#e2725b) as well.

Terra Cotta (#e2725b) Background Color

                <div style="background-color:Terra Cotta (#e2725b)">
                    Text on the Terra Cotta (#e2725b) color
                </div>

Terra Cotta (#e2725b) Border Color

<div style="border:3px solid #ff0000">
                  Div here
                </div>

Css3 Examples

Text Shadow with RGB Values

                .rgbShadow {
                    text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); } 
                .hexShadow { 
                    text-shadow: 4px 4px 2px #ff0000; }
                .divShadow { 
                    -moz-box-shadow: 1px 1px 3px 2px #ff0000;
                    -webkit-box-shadow: 1px 1px 3px 2px #ff0000;
                    box-shadow:         1px 1px 3px 2px #ff0000; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px rgb(226, 114, 91);">Text here</p>

This is a text with rgb(226, 114, 91) as a shadow color.

Div Box Shadow

                <div style="-moz-box-shadow: 1px 1px 3px 2px #e2725b;
                  -webkit-box-shadow: 1px 1px 3px 2px #e2725b;
                  box-shadow:         1px 1px 3px 2px #e2725b;">
                    Div content here
                </div>
An html Div with text shadow using #e2725b color hex code

Related palettes

Copied!
share
HEX toggle hex RGB
Red Tones
Copied!
share
HEX toggle hex RGB
Autumn -Blush
Copied!
share
HEX toggle hex RGB
Autumn - Lipstick
Copied!
share
HEX toggle hex RGB
Autumn - Oranges
Copied!
share
HEX toggle hex RGB
Autumn - Reds
Copied!
share
HEX toggle hex RGB
Roses - me
Copied!
share
HEX toggle hex RGB
Reds - me
Copied!
share
HEX toggle hex RGB
Warm Autum No2
Copied!
share
HEX toggle hex RGB
My Earthy Tones
Copied!
share
HEX toggle hex RGB
Wedding- Vintage Bohemian
Copied!
share
HEX toggle hex RGB
Luxe Earth Elements
Copied!
share
HEX toggle hex RGB
HB001
Copied!
share
HEX toggle hex RGB
Eco organic website
Copied!
share
HEX toggle hex RGB
TERRACOTTAS
Copied!
share
HEX toggle hex RGB
Earthy Delight 1
Copied!
share
HEX toggle hex RGB
Mexcelencia2
Copied!
share
HEX toggle hex RGB
Mexcelencia
Copied!
share
HEX toggle hex RGB
Siena Warmth
Copied!
share
HEX toggle hex RGB
Earthy Warmth
Copied!
share
HEX toggle hex RGB
Caffeine Inspired
Copied!
share
HEX toggle hex RGB
Angel Rafael Productions Earthy CP
Copied!
share
HEX toggle hex RGB
Terracotta desert
Copied!
share
HEX toggle hex RGB
Kat Nails 70 Retro
Copied!
share
HEX toggle hex RGB
As ordinary things often do
Copied!
share
HEX toggle hex RGB
Terra Cotta Hestia
Copied!
share
HEX toggle hex RGB
Closet colors 2
Copied!
share
HEX toggle hex RGB
Future Home Refrence Idea
Copied!
share
HEX toggle hex RGB
Aairo Earth
Copied!
share
HEX toggle hex RGB
Buhh
Copied!
share
HEX toggle hex RGB
Real out 18
Copied!
share
HEX toggle hex RGB
Outono 4 - Book