#682bcc Hex Color

Purple Heart

#682bcc

(104,43,204)

Color Spaces for #682bcc

RGB 104 43 204
HSL 0.73 0.65 0.48
HSV 263° 79° 80°
CYMK 0.4902 0.7892 0 51
XYZ 17.4719 9.0304 57.9489


Complementary color of #682bcc
Triadic colors of #682bcc


Commentary on #682bcc

This color is called Purple Heart. It has 104 red, 43 green, and 204 blue. This color is not particularly light nor dark.

#682bcc CSS Styles

Text color #682bcc

.text-682bcc {
    color: #682bcc
}

This is some text in the color #682bcc

Background color #682bcc

.bg-682bcc {
    background-color: #682bcc
}

This is some text against a background of the color #682bcc

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

Border color #682bcc

.border-682bcc {
    border: 3px solid #682bcc;
}

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

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

Text shadow color #682bcc

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

This is some text with text shadow color #682bcc

Box shadow color #682bcc

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

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

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