#677d7d Hex Color

Sirocco

#677d7d

(103,125,125)

Color Spaces for #677d7d

RGB 103 125 125
HSL 0.5 0.1 0.45
HSV 180° 18° 49°
CYMK 0.176 0 0 130
XYZ 16.6288 19.0315 22.199


Complementary color of #677d7d
Triadic colors of #677d7d


Commentary on #677d7d

This color is called Sirocco. It has 103 red, 125 green, and 125 blue. This color is not particularly light nor dark.

#677d7d CSS Styles

Text color #677d7d

.text-677d7d {
    color: #677d7d
}

This is some text in the color #677d7d

Background color #677d7d

.bg-677d7d {
    background-color: #677d7d
}

This is some text against a background of the color #677d7d

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

Border color #677d7d

.border-677d7d {
    border: 3px solid #677d7d;
}

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

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

Text shadow color #677d7d

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

This is some text with text shadow color #677d7d

Box shadow color #677d7d

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

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

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