COLOR #724A2C

HEX: #724A2C RGB: (114,74,44)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#724A2C contains mainly red and green colors. Web safe color of #724A2C is #663333 (or #633).

RGB color model

#724A2C color RGB value is (114,74,44).

red value is 114;
green value is 74;
blue value is 44.

RGB: (114,74,44) (45%, 29%, 17%)

RGB channels and saturation

R 114 of 255 = 45%
G 74 of 255 = 29%
B 44 of 255 = 17%

114

R + G + B ~ 30%. #724A2C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 114 + 74 + 44 = 232 (100%)
R 114 of 232 ~ 49.14%
G 74 of 232 ~ 31.9%
B 44 of 232 ~ 18.97'%

%49.14

%31.9

%18.97

CMYK color model

#724A2C color CMYK value is (0,35,61,55).

cyan value is 0.00%
magenta value is 35.09%
yellow value is 61.40%
key color value is 55.29%

CMYK: (0,35,61,55) C0M35Y61K55 (0%,35%,61%,55%) (0.00/0.35/0.61/0.55)

CMYK percentages

%35.09

%61.4

%55.29

Codes

Color #724A2C in popluar color models

	72	4A	2C
RGB	114	74	44
HSL	26°	44.30%	30.98%
HSB/HSV	26°	61.40%	44.71%
CMYK	0.00%	35.09%	61.40%
CMYK	55.29%

Color #724A2C in popluar number systems.

HEX	72	4A	2C
Decimal	114	74	44
Binary	1110010	1001010	101100
Octal	162	112	54

Shades and tints

Shades of #724A2C

#724A2C
(114,74,44)

#684428
(104,68,40)

#5E3E24
(94,62,36)

#543820
(84,56,32)

#4A321C
(74,50,28)

#402C18
(64,44,24)

#362614
(54,38,20)

#2C2010
(44,32,16)

#221A0C
(34,26,12)

#181408
(24,20,8)

#0E0E04
(14,14,4)

#000000
(0,0,0)

Tints of #724A2C

#724A2C
(114,74,44)

#7E5A3F
(126,90,63)

#8A6A52
(138,106,82)

#967A65
(150,122,101)

#A28A78
(162,138,120)

#AE9A8B
(174,154,139)

#BAAA9E
(186,170,158)

#C6BAB1
(198,186,177)

#D2CAC4
(210,202,196)

#DEDAD7
(222,218,215)

#EAEAEA
(234,234,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #724A2C color. Also use rgb(114,74,44) instead hex code.

Text Font Color

.myTextColor { color: #724A2C; }

<p style="color:#724A2C">This sample text font color is #724A2C.</p>

This text font color is #724A2C.

Background Color

.myBgColor { background-color: #724A2C; }

<div style="background-color:#724A2C">Inner text</div>

This div background color is #724A2C.

Border color

.myBorderColor { border: 1px solid #724A2C; }

This div border color is #724A2C.

Opacity

.myOpacity80 { color: #724A2C; opacity: 0.8; }

Text with #724A2C color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #724A2C;}

This text has shadow with #724A2C color.

.textShadow {text-shadow: 3px 3px 1px #724A2C', 3px 3px 1px red;}

This text has shadow with #724A2C primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#724A2C, Direction=45, Strength=4)}

This text has shadow with #724A2C and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #724A2C;
-webkit-box-shadow: 1px 1px 3px 2px #724A2C;
box-shadow: 1px 1px 3px 2px #724A2C;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #724A2C; -webkit-box-shadow: 1px 1px 3px 2px #724A2C; box-shadow:1px 1px 3px 2px #724A2C;">
Div content here
</div>

This div box has shadow with color #724A2C.