#a31ba3 Hex Color

Violet Eggplant

#a31ba3

(163,27,163)

Color Spaces for #a31ba3

RGB	163	27	163
HSL	0.83	0.72	0.37
HSV	300°	83°	64°
CYMK	0	0.8344	0	92
XYZ	22.107	11.2147	35.6498

Shades of #a31ba3

#a31ba3

#921892

#821582

#721272

#611061

#51dd51

#41aa41

#308830

#205520

Tints of #a31ba3

#a31ba3

#b31db3

#c320c3

#d323d3

#e425e4

#f428f4

#ff2bff

#ff2dff

#ff30ff

Complementary color of #a31ba3

#a31ba3

#1ba31b

Triadic colors of #a31ba3

#a31ba3

#a3a31b

#1ba3a3

Commentary on #a31ba3

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

#a31ba3 CSS Styles

Text color #a31ba3

.text-a31ba3 {
    color: #a31ba3
}

This is some text in the color #a31ba3

Background color #a31ba3

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

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

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

Border color #a31ba3

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

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

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

#a31ba3 CSS3 Styles

Text shadow color #a31ba3

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

This is some text with text shadow color #a31ba3

Box shadow color #a31ba3

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

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

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