Mahogany (#c04000) Web Color For Web Page Design

Everything about Mahogany (#c04000) 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.

Mahogany (#c04000) Color Hex

Mahogany (#c04000) rgb(192, 64, 0)

Color spaces of Mahogany (#c04000)

RGB192640
HSL0.061.000.38
HSV2010076
CMYK0.000.671.00 0.25
XYZ23.571614.87331.6285
Yxy0.58820.3712
Hunter Lab38.565941.609724.4926
CIE-Lab45.460149.223656.6896

Base Numbers

BaseRedGreenBlue
Binary110000000100000000000000
Octal3001000
Decimal192640
HexC04000

Shades of Mahogany (#c04000)

Tints of Mahogany (#c04000)

RGB Percentages of Color Mahogany (#c04000)

Red
Green
Blue

CMYK Percentages of Color Mahogany (#c04000)

Cyan
Magenta
Yellow
Black

Analogous Colors of Mahogany (#c04000)

Triadic Colors of Mahogany (#c04000) separated with 120° angle

Copied!
HEX toggle hex RGB

Tetradic Colors of Mahogany (#c04000) separated with 90° angle

Monochromatic Colors of Mahogany (#c04000)

Complementary Color

Copied!
HEX toggle hex RGB

Pastel variations

Soft variations

Light variations

Hard variations

Pale variations

Mahogany (#c04000) Color Preview on Black Background

This is Mahogany (#c04000) on a black background

Mahogany (#c04000) Color Preview on White Background

This is Mahogany (#c04000) on a white background

Mahogany (#c04000) Color CSS Codes

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

            

Mahogany (#c04000) Text Font Color

This is a sample text written with the Mahogany (#c04000) color.
This is a strong text written with the Mahogany (#c04000) as well.

Mahogany (#c04000) Background Color

                <div style="background-color:Mahogany (#c04000)">
                    Text on the Mahogany (#c04000) color
                </div>
            

Mahogany (#c04000) 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(192, 64, 0);">Text here</p>

This is a text with rgb(192, 64, 0) as a shadow color.

Div Box Shadow

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

Related palettes

Copied!
share
HEX toggle hex RGB
Recommended red
Copied!
share
HEX toggle hex RGB
Named 6 -Oranges
Copied!
share
HEX toggle hex RGB
Warm Colours (ROY)
Copied!
share
HEX toggle hex RGB
M a h o g a n y
Copied!
share
HEX toggle hex RGB
Sensuelle
Copied!
share
HEX toggle hex RGB
Sunstone
Copied!
share
HEX toggle hex RGB
Pearl Cove
Copied!
share
HEX toggle hex RGB
House 1
Copied!
share
HEX toggle hex RGB
Misc by Florina
Copied!
share
HEX toggle hex RGB
Browns by Florina
Copied!
share
HEX toggle hex RGB
Real out 24
Copied!
share
HEX toggle hex RGB
Twenty sunsets
Copied!
share
HEX toggle hex RGB
Outono 6 - Book
Copied!
share
HEX toggle hex RGB
Autumn Walk