Color #736253

Color info

#736253 contains red, green and blue colors in about the same proportion. Web safe color of #736253 is #666666 (or #666).

RGB color model

#736253 color RGB value is (115,98,83).

red value is 115;
green value is 98;
blue value is 83.

RGB:
(115,98,83)
(45%,38%,33%)

RGB channels and saturation

R 115 of 255 = 45%
G 98 of 255 = 38%
B 83 of 255 = 33%

115

R + G + B ~ 39%. #736253 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
115 + 98 + 83 = 296 (100%)
R 115 of 296 ~ 38.85%
G 98 of 296 ~ 33.11%
B 83 of 296 ~ 28.04%

%38.85

%33.11

%28.04

CMYK color model

#736253 color CMYK value is (0,15,28,55).

cyan value is 0.00%
magenta value is 14.78%
yellow value is 27.83%
key color value is 54.90%

CMYK:
(0,15,28,55)
C0M15Y28K55 
(0%,15%,28%,55%)
(0.00/0.15/0.28/0.55)

CMYK percentages

%14.78

%27.83

%54.9

Codes

Color #736253 in popluar color models

	73	62	53
RGB	115	98	83
HSL	28°	16.16%	38.82%
HSB/HSV	28°	27.83%	45.10%
CMYK	0.00%	14.78%	27.83%
CMYK	54.90%

Color #736253 in popluar number systems.

HEX	73	62	53
Decimal	115	98	83
Binary	1110011	1100010	1010011
Octal	163	142	123

Shades and tints

Shades of #736253

#736253
(115,98,83)

#695A4C
(105,90,76)

#5F5245
(95,82,69)

#554A3E
(85,74,62)

#4B4237
(75,66,55)

#413A30
(65,58,48)

#373229
(55,50,41)

#2D2A22
(45,42,34)

#23221B
(35,34,27)

#191A14
(25,26,20)

#0F120D
(15,18,13)

#000000
(0,0,0)

Tints of #736253

#736253
(115,98,83)

#7F7062
(127,112,98)

#8B7E71
(139,126,113)

#978C80
(151,140,128)

#A39A8F
(163,154,143)

#AFA89E
(175,168,158)

#BBB6AD
(187,182,173)

#C7C4BC
(199,196,188)

#D3D2CB
(211,210,203)

#DFE0DA
(223,224,218)

#EBEEE9
(235,238,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #736253 color. Also use rgb(115,98,83) instead hex code.

Text Font Color

.myTextColor { color: #736253; }

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

This text font color is #736253.

Background Color

.myBgColor { background-color: #736253; }

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

This div background color is #736253.

Border color

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

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

This div border color is #736253.

Opacity

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

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

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

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

This text has shadow with #736253 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #736253.

Preview

Color preview on black background

This text has color #736253 on black background.

Color preview on white background

This text has color #736253 on white background.

Black color preview on #736253 background

This text has black color on #736253 background.

White color preview on #736253 background

This text has white color on #736253 background.