#546666 Hex Color

Corduroy

#546666

(84,102,102)

Color Spaces for #546666

RGB	84	102	102
HSL	0.5	0.1	0.36
HSV	180°	18°	40°
CYMK	0.1765	0	0	153
XYZ	10.8058	12.3469	14.384

Shades of #546666

#546666

#4b5b5b

#435151

#3a4747

#323d3d

#2a3333

#212828

#191e1e

#101414

Tints of #546666

#546666

#5c7070

#647a7a

#6d8484

#758e8e

#7e9999

#86a3a3

#8eadad

#97b7b7

Complementary color of #546666

#546666

#665454

Triadic colors of #546666

#546666

#665466

#666654

Commentary on #546666

This color is called Corduroy. It has 84 red, 102 green, and 102 blue. This color is not particularly light nor dark.

#546666 CSS Styles

Text color #546666

.text-546666 {
    color: #546666
}

This is some text in the color #546666

Background color #546666

.bg-546666 {
    background-color: #546666
}

This is some text against a background of the color #546666

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

Border color #546666

.border-546666 {
    border: 3px solid #546666;
}

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

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

#546666 CSS3 Styles

Text shadow color #546666

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

This is some text with text shadow color #546666

Box shadow color #546666

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

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

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