#5029ff Hex Color

Purple Heart

#5029ff

(80,41,255)

Color Spaces for #5029ff

RGB 80 41 255
HSL 0.7 1 0.58
HSV 251° 84° 100°
CYMK 0.6863 0.8392 0 0
XYZ 22.1512 10.5113 95.4691


Complementary color of #5029ff
Triadic colors of #5029ff


Commentary on #5029ff

This color is called Purple Heart. It has 80 red, 41 green, and 255 blue. This color is mostly light.

#5029ff CSS Styles

Text color #5029ff

.text-5029ff {
    color: #5029ff
}

This is some text in the color #5029ff

Background color #5029ff

.bg-5029ff {
    background-color: #5029ff
}

This is some text against a background of the color #5029ff

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

Border color #5029ff

.border-5029ff {
    border: 3px solid #5029ff;
}

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

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

Text shadow color #5029ff

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

This is some text with text shadow color #5029ff

Box shadow color #5029ff

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

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

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