#348aa0 Hex Color

Astral

#348aa0

(52,138,160)

Color Spaces for #348aa0

RGB 52 138 160
HSL 0.53 0.51 0.42
HSV 192° 68° 63°
CYMK 0.675 0.1375 0 95
XYZ 16.8498 21.4451 36.5089


Complementary color of #348aa0
Triadic colors of #348aa0


Commentary on #348aa0

This color is called Astral. It has 52 red, 138 green, and 160 blue. This color is not particularly light nor dark.

#348aa0 CSS Styles

Text color #348aa0

.text-348aa0 {
    color: #348aa0
}

This is some text in the color #348aa0

Background color #348aa0

.bg-348aa0 {
    background-color: #348aa0
}

This is some text against a background of the color #348aa0

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

Border color #348aa0

.border-348aa0 {
    border: 3px solid #348aa0;
}

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

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

Text shadow color #348aa0

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

This is some text with text shadow color #348aa0

Box shadow color #348aa0

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

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

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