#cc3600 Hex Color

Grenadier

#cc3600

(204,54,0)

Color Spaces for #cc3600

RGB 204 54 0
HSL 0.04 1 0.4
HSV 16° 100° 80°
CYMK 0 0.7353 1 51
XYZ 26.221 15.4757 1.6051


Complementary color of #cc3600
Triadic colors of #cc3600


Commentary on #cc3600

This color is called Grenadier. It has 204 red, 54 green, and 0 blue. This color is not particularly light nor dark.

#cc3600 CSS Styles

Text color #cc3600

.text-cc3600 {
    color: #cc3600
}

This is some text in the color #cc3600

Background color #cc3600

.bg-cc3600 {
    background-color: #cc3600
}

This is some text against a background of the color #cc3600

This is a bigger box with some text against a background of the color #cc3600

Border color #cc3600

.border-cc3600 {
    border: 3px solid #cc3600;
}

This is some text in a box with a border of the color #cc3600

This is a bigger box with some text in a box with a border of the color #cc3600
#cc3600 CSS3 Styles

Text shadow color #cc3600

.text-shadow-cc3600 {
    text-shadow: 4px 4px 2px #cc3600;
}

This is some text with text shadow color #cc3600

Box shadow color #cc3600

.box-shadow-cc3600 {
    -moz-box-shadow: 1px 1px 3px 2px #cc3600;
    -webkit-box-shadow: 1px 1px 3px 2px #cc3600;
    box-shadow: 1px 1px 3px 2px #cc3600;
}

This is some text in a box with a box shadow of the color #cc3600

This is a bigger box with some text in a box with a box shadow of the color #cc3600