#2a6676 Hex Color

Casal

#2a6676

(42,102,118)

Color Spaces for #2a6676

RGB 42 102 118
HSL 0.54 0.48 0.31
HSV 193° 64° 46°
CYMK 0.6441 0.1356 0 137
XYZ 8.9762 11.303 18.8481


Complementary color of #2a6676
Triadic colors of #2a6676


Commentary on #2a6676

This color is called Casal. It has 42 red, 102 green, and 118 blue. This color is not particularly light nor dark.

#2a6676 CSS Styles

Text color #2a6676

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

This is some text in the color #2a6676

Background color #2a6676

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

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

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

Border color #2a6676

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

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

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

Text shadow color #2a6676

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

This is some text with text shadow color #2a6676

Box shadow color #2a6676

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

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

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