#ad1cad Hex Color

Violet Eggplant

#ad1cad

(173,28,173)

Color Spaces for #ad1cad

RGB	173	28	173
HSL	0.83	0.72	0.39
HSV	300°	84°	68°
CYMK	0	0.8382	0	82
XYZ	25.1917	12.7319	40.6649

Shades of #ad1cad

#ad1cad

#9b199b

#8a168a

#791379

#671067

#56ee56

#45bb45

#338833

#225522

Tints of #ad1cad

#ad1cad

#be1ebe

#cf21cf

#e024e0

#f227f2

#ff2aff

#ff2cff

#ff2fff

#ff32ff

Complementary color of #ad1cad

#ad1cad

#1cad1c

Triadic colors of #ad1cad

#ad1cad

#adad1c

#1cadad

Commentary on #ad1cad

This color is called Violet Eggplant. It has 173 red, 28 green, and 173 blue. This color is not particularly light nor dark.

#ad1cad CSS Styles

Text color #ad1cad

.text-ad1cad {
    color: #ad1cad
}

This is some text in the color #ad1cad

Background color #ad1cad

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

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

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

Border color #ad1cad

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

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

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

#ad1cad CSS3 Styles

Text shadow color #ad1cad

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

This is some text with text shadow color #ad1cad

Box shadow color #ad1cad

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

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

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