#b02822 Hex Color

Tall Poppy

#b02822

(176,40,34)

Color Spaces for #b02822

RGB	176	40	34
HSL	0.01	0.68	0.41
HSV	3°	81°	69°
CYMK	0	0.7727	0.8068	79
XYZ	18.952	10.8632	2.6113

Shades of #b02822

#b02822

#9e241e

#8c201b

#7b1c17

#691814

#581411

#46ffdd

#34bbaa

#237766

Tints of #b02822

#b02822

#c12c25

#d33028

#e4342c

#f6382f

#ff3c33

#ff4036

#ff4439

#ff483d

Complementary color of #b02822

#b02822

#21aab0

Triadic colors of #b02822

#b02822

#22b028

#2822b0

Commentary on #b02822

This color is called Tall Poppy. It has 176 red, 40 green, and 34 blue. This color is not particularly light nor dark.

#b02822 CSS Styles

Text color #b02822

.text-b02822 {
    color: #b02822
}

This is some text in the color #b02822

Background color #b02822

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

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

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

Border color #b02822

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

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

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

#b02822 CSS3 Styles

Text shadow color #b02822

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

This is some text with text shadow color #b02822

Box shadow color #b02822

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

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

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