Color #714324

Color info

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

RGB color model

#714324 color RGB value is (113,67,36).

red value is 113;
green value is 67;
blue value is 36.

RGB:
(113,67,36)
(44%,26%,14%)

RGB channels and saturation

R 113 of 255 = 44%
G 67 of 255 = 26%
B 36 of 255 = 14%

113

R + G + B ~ 28%. #714324 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
113 + 67 + 36 = 216 (100%)
R 113 of 216 ~ 52.31%
G 67 of 216 ~ 31.02%
B 36 of 216 ~ 16.67%

%52.31

%31.02

%16.67

CMYK color model

#714324 color CMYK value is (0,41,68,56).

cyan value is 0.00%
magenta value is 40.71%
yellow value is 68.14%
key color value is 55.69%

CMYK:
(0,41,68,56)
C0M41Y68K56 
(0%,41%,68%,56%)
(0.00/0.41/0.68/0.56)

CMYK percentages

%40.71

%68.14

%55.69

Codes

Color #714324 in popluar color models

	71	43	24
RGB	113	67	36
HSL	24°	51.68%	29.22%
HSB/HSV	24°	68.14%	44.31%
CMYK	0.00%	40.71%	68.14%
CMYK	55.69%

Color #714324 in popluar number systems.

HEX	71	43	24
Decimal	113	67	36
Binary	1110001	1000011	100100
Octal	161	103	44

Shades and tints

Shades of #714324

#714324
(113,67,36)

#673D21
(103,61,33)

#5D371E
(93,55,30)

#53311B
(83,49,27)

#492B18
(73,43,24)

#3F2515
(63,37,21)

#351F12
(53,31,18)

#2B190F
(43,25,15)

#21130C
(33,19,12)

#170D09
(23,13,9)

#0D0706
(13,7,6)

#000000
(0,0,0)

Tints of #714324

#714324
(113,67,36)

#7D5437
(125,84,55)

#89654A
(137,101,74)

#95765D
(149,118,93)

#A18770
(161,135,112)

#AD9883
(173,152,131)

#B9A996
(185,169,150)

#C5BAA9
(197,186,169)

#D1CBBC
(209,203,188)

#DDDCCF
(221,220,207)

#E9EDE2
(233,237,226)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #714324 color. Also use rgb(113,67,36) instead hex code.

Text Font Color

.myTextColor { color: #714324; }

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

This text font color is #714324.

Background Color

.myBgColor { background-color: #714324; }

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

This div background color is #714324.

Border color

.myBorderColor { border: 1px solid #714324; }

<div style="border:3px solid #714324">Div</div>

This div border color is #714324.

Opacity

.myOpacity80 { color: #714324; opacity: 0.8; }

<p style="color:#714324;opacity:0.8;">80%</p>

Text with #714324 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 #714324;}

<p style="text-shadow: 3px 3px 1px #714324">Text here.</p>

This text has shadow with #714324 color.

.textShadow {text-shadow: 3px 3px 1px #714324, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #714324, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#714324, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #714324.

Preview

Color preview on black background

This text has color #714324 on black background.

Color preview on white background

This text has color #714324 on white background.

Black color preview on #714324 background

This text has black color on #714324 background.

White color preview on #714324 background

This text has white color on #714324 background.