#7e1ccc Hex Color

Purple Heart

#7e1ccc

(126,28,204)

Color Spaces for #7e1ccc

RGB 126 28 204
HSL 0.76 0.76 0.45
HSV 273° 86° 80°
CYMK 0.3824 0.8627 0 51
XYZ 19.9185 9.6258 57.9349


Complementary color of #7e1ccc
Triadic colors of #7e1ccc


Commentary on #7e1ccc

This color is called Purple Heart. It has 126 red, 28 green, and 204 blue. This color is not particularly light nor dark.

#7e1ccc CSS Styles

Text color #7e1ccc

.text-7e1ccc {
    color: #7e1ccc
}

This is some text in the color #7e1ccc

Background color #7e1ccc

.bg-7e1ccc {
    background-color: #7e1ccc
}

This is some text against a background of the color #7e1ccc

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

Border color #7e1ccc

.border-7e1ccc {
    border: 3px solid #7e1ccc;
}

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

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

Text shadow color #7e1ccc

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

This is some text with text shadow color #7e1ccc

Box shadow color #7e1ccc

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

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

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