#2d5577 Hex Color

San Juan

#2d5577

(45,85,119)

Color Spaces for #2d5577

RGB 45 85 119
HSL 0.58 0.45 0.32
HSV 208° 62° 47°
CYMK 0.6218 0.2857 0 136
XYZ 7.6605 8.3868 18.6678


Complementary color of #2d5577
Triadic colors of #2d5577


Commentary on #2d5577

This color is called San Juan. It has 45 red, 85 green, and 119 blue. This color is not particularly light nor dark.

#2d5577 CSS Styles

Text color #2d5577

.text-2d5577 {
    color: #2d5577
}

This is some text in the color #2d5577

Background color #2d5577

.bg-2d5577 {
    background-color: #2d5577
}

This is some text against a background of the color #2d5577

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

Border color #2d5577

.border-2d5577 {
    border: 3px solid #2d5577;
}

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

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

Text shadow color #2d5577

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

This is some text with text shadow color #2d5577

Box shadow color #2d5577

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

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

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