#5a2eff Hex Color

Purple Heart

#5a2eff

(90,46,255)

Color Spaces for #5a2eff

RGB 90 46 255
HSL 0.7 1 0.59
HSV 253° 82° 100°
CYMK 0.6471 0.8196 0 0
XYZ 23.2434 11.3476 95.573


Complementary color of #5a2eff
Triadic colors of #5a2eff


Commentary on #5a2eff

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

#5a2eff CSS Styles

Text color #5a2eff

.text-5a2eff {
    color: #5a2eff
}

This is some text in the color #5a2eff

Background color #5a2eff

.bg-5a2eff {
    background-color: #5a2eff
}

This is some text against a background of the color #5a2eff

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

Border color #5a2eff

.border-5a2eff {
    border: 3px solid #5a2eff;
}

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

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

Text shadow color #5a2eff

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

This is some text with text shadow color #5a2eff

Box shadow color #5a2eff

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

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

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