#fd6fe4 Hex Color

Lavender Magenta

#fd6fe4

(253,111,228)

Color Spaces for #fd6fe4

RGB	253	111	228
HSL	0.86	0.97	0.71
HSV	311°	56°	99°
CYMK	0	0.5613	0.0988	2
XYZ	60.196	37.853	77.5325

Shades of #fd6fe4

#fd6fe4

#e363cd

#ca58b6

#b14d9f

#974288

#7e3772

#652c5b

#4b2144

#32162d

Tints of #fd6fe4

#fd6fe4

#ff7afa

#ff85ff

#ff90ff

#ff9bff

#ffa6ff

#ffb1ff

#ffbcff

#ffc7ff

Complementary color of #fd6fe4

#fd6fe4

#6ffd87

Triadic colors of #fd6fe4

#fd6fe4

#e4fd6f

#6fe4fd

Commentary on #fd6fe4

This color is called Lavender Magenta. It has 253 red, 111 green, and 228 blue. This color is light.

#fd6fe4 CSS Styles

Text color #fd6fe4

.text-fd6fe4 {
    color: #fd6fe4
}

This is some text in the color #fd6fe4

Background color #fd6fe4

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

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

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

Border color #fd6fe4

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

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

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

#fd6fe4 CSS3 Styles

Text shadow color #fd6fe4

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

This is some text with text shadow color #fd6fe4

Box shadow color #fd6fe4

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

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

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