#344f66 Hex Color

San Juan

#344f66

(52,79,102)

Color Spaces for #344f66

RGB 52 79 102
HSL 0.58 0.32 0.3
HSV 208° 49° 40°
CYMK 0.4902 0.2255 0 153
XYZ 6.6104 7.2813 13.6274


Complementary color of #344f66
Triadic colors of #344f66


Commentary on #344f66

This color is called San Juan. It has 52 red, 79 green, and 102 blue. This color is not particularly light nor dark.

#344f66 CSS Styles

Text color #344f66

.text-344f66 {
    color: #344f66
}

This is some text in the color #344f66

Background color #344f66

.bg-344f66 {
    background-color: #344f66
}

This is some text against a background of the color #344f66

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

Border color #344f66

.border-344f66 {
    border: 3px solid #344f66;
}

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

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

Text shadow color #344f66

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

This is some text with text shadow color #344f66

Box shadow color #344f66

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

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

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