#3f5f7a Hex Color

Blue Bayoux

#3f5f7a

(63,95,122)

Color Spaces for #3f5f7a

RGB 63 95 122
HSL 0.58 0.32 0.36
HSV 207° 48° 48°
CYMK 0.4836 0.2213 0 133
XYZ 9.655 10.6463 19.9584


Complementary color of #3f5f7a
Triadic colors of #3f5f7a


Commentary on #3f5f7a

This color is called Blue Bayoux. It has 63 red, 95 green, and 122 blue. This color is not particularly light nor dark.

#3f5f7a CSS Styles

Text color #3f5f7a

.text-3f5f7a {
    color: #3f5f7a
}

This is some text in the color #3f5f7a

Background color #3f5f7a

.bg-3f5f7a {
    background-color: #3f5f7a
}

This is some text against a background of the color #3f5f7a

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

Border color #3f5f7a

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

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

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

Text shadow color #3f5f7a

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

This is some text with text shadow color #3f5f7a

Box shadow color #3f5f7a

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

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

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