#46484c Hex Color

Gravel

#46484c

(70,72,76)

Color Spaces for #46484c

RGB	70	72	76
HSL	0.61	0.04	0.29
HSV	220°	8°	30°
CYMK	0.0789	0.0526	0	179
XYZ	6.1477	6.4586	7.7601

Shades of #46484c

#46484c

#3f4044

#38393c

#313235

#2a2b2d

#232426

#1b1c1e

#141516

#ddeeff

Tints of #46484c

#46484c

#4d4f53

#54565b

#5b5d62

#62646a

#696c72

#707379

#777a81

#7e8188

Complementary color of #46484c

#46484c

#4b4945

Triadic colors of #46484c

#46484c

#4c4648

#484c46

Commentary on #46484c

This color is called Gravel. It has 70 red, 72 green, and 76 blue. This color is not particularly light nor dark.

#46484c CSS Styles

Text color #46484c

.text-46484c {
    color: #46484c
}

This is some text in the color #46484c

Background color #46484c

.bg-46484c {
    background-color: #46484c
}

This is some text against a background of the color #46484c

This is a bigger box with some text against a background of the color #46484c

Border color #46484c

.border-46484c {
    border: 3px solid #46484c;
}

This is some text in a box with a border of the color #46484c

This is a bigger box with some text in a box with a border of the color #46484c

#46484c CSS3 Styles

Text shadow color #46484c

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

This is some text with text shadow color #46484c

Box shadow color #46484c

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

This is some text in a box with a box shadow of the color #46484c

This is a bigger box with some text in a box with a box shadow of the color #46484c