#552cff Hex Color

Purple Heart

#552cff

(85,44,255)

Color Spaces for #552cff

RGB 85 44 255
HSL 0.7 1 0.59
HSV 252° 83° 100°
CYMK 0.6667 0.8275 0 0
XYZ 22.697 10.9527 95.5256


Complementary color of #552cff
Triadic colors of #552cff


Commentary on #552cff

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

#552cff CSS Styles

Text color #552cff

.text-552cff {
    color: #552cff
}

This is some text in the color #552cff

Background color #552cff

.bg-552cff {
    background-color: #552cff
}

This is some text against a background of the color #552cff

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

Border color #552cff

.border-552cff {
    border: 3px solid #552cff;
}

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

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

Text shadow color #552cff

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

This is some text with text shadow color #552cff

Box shadow color #552cff

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

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

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