#ff00ff Hex Color

Magenta / Fuchsia

#ff00ff

(255,0,255)

Color Spaces for #ff00ff

RGB 255 0 255
HSL 0.83 1 0.5
HSV 300° 100° 100°
CYMK 0 1 0 0
XYZ 59.29 28.48 96.98


Tints of #ff00ff
Complementary color of #ff00ff
Triadic colors of #ff00ff


Commentary on #ff00ff

This color is called Magenta / Fuchsia. It has 255 red, 0 green, and 255 blue. This color is not particularly light nor dark.

#ff00ff CSS Styles

Text color #ff00ff

.text-ff00ff {
    color: #ff00ff
}

This is some text in the color #ff00ff

Background color #ff00ff

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

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

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

Border color #ff00ff

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

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

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

Text shadow color #ff00ff

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

This is some text with text shadow color #ff00ff

Box shadow color #ff00ff

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

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

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