#cc3400 Hex Color

Grenadier

#cc3400

(204,52,0)

Color Spaces for #cc3400

RGB 204 52 0
HSL 0.04 1 0.4
HSV 15° 100° 80°
CYMK 0 0.7451 1 51
XYZ 26.1298 15.2934 1.5747


Complementary color of #cc3400
Triadic colors of #cc3400


Commentary on #cc3400

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

#cc3400 CSS Styles

Text color #cc3400

.text-cc3400 {
    color: #cc3400
}

This is some text in the color #cc3400

Background color #cc3400

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

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

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

Border color #cc3400

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

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

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

Text shadow color #cc3400

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

This is some text with text shadow color #cc3400

Box shadow color #cc3400

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

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

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