#ff9d9d Hex Color

Sweet Pink

#ff9d9d

(255,157,157)

Color Spaces for #ff9d9d

RGB 255 157 157
HSL 0 1 0.81
HSV 38° 100°
CYMK 0 0.3843 0.3843 0
XYZ 59.3828 47.8083 37.9964


Complementary color of #ff9d9d
Triadic colors of #ff9d9d


Commentary on #ff9d9d

This color is called Sweet Pink. It has 255 red, 157 green, and 157 blue. This color is very light.

#ff9d9d CSS Styles

Text color #ff9d9d

.text-ff9d9d {
    color: #ff9d9d
}

This is some text in the color #ff9d9d

Background color #ff9d9d

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

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

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

Border color #ff9d9d

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

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

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

Text shadow color #ff9d9d

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

This is some text with text shadow color #ff9d9d

Box shadow color #ff9d9d

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

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

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