#284f6d Hex Color

San Juan

#284f6d

(40,79,109)

Color Spaces for #284f6d

RGB 40 79 109
HSL 0.57 0.46 0.29
HSV 206° 63° 43°
CYMK 0.633 0.2752 0 146
XYZ 6.4314 7.1472 15.5086


Complementary color of #284f6d
Triadic colors of #284f6d


Commentary on #284f6d

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

#284f6d CSS Styles

Text color #284f6d

.text-284f6d {
    color: #284f6d
}

This is some text in the color #284f6d

Background color #284f6d

.bg-284f6d {
    background-color: #284f6d
}

This is some text against a background of the color #284f6d

This is a bigger box with some text against a background of the color #284f6d

Border color #284f6d

.border-284f6d {
    border: 3px solid #284f6d;
}

This is some text in a box with a border of the color #284f6d

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

Text shadow color #284f6d

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

This is some text with text shadow color #284f6d

Box shadow color #284f6d

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

This is some text in a box with a box shadow of the color #284f6d

This is a bigger box with some text in a box with a box shadow of the color #284f6d