COLOR #98523C

HEX: #98523C
RGB: (152,82,60)

Color info

#98523C contains mainly red color. Web safe color of #98523C is #996633 (or #963).

RGB color model

#98523C color RGB value is (152,82,60).

  • red value is 152;
  • green value is 82;
  • blue value is 60.
RGB:
(152,82,60)
(60%,32%,24%)

RGB channels and saturation

R 152 of 255 = 60%
G 82 of 255 = 32%
B 60 of 255 = 24%

152
82
60

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

Portions of RGB colors in percentages

R + G + B =
152 + 82 + 60 = 294 (100%)
R 152 of 294 ~ 51.7%
G 82 of 294 ~ 27.89%
B 60 of 294 ~ 20.41%

%51.7
%27.89
%20.41

CMYK color model

#98523C color CMYK value is (0,46,61,40).

  • cyan value is 0.00%
  • magenta value is 46.05%
  • yellow value is 60.53%
  • key color value is 40.39%
CMYK:
(0,46,61,40)
C0M46Y61K40 
(0%,46%,61%,40%)
(0.00/0.46/0.61/0.40)	

CMYK percentages

%0
%46.05
%60.53
%40.39

Codes

Color #98523C in popluar color models

98523C
RGB1528260
HSL14°43.40%41.57%
HSB/HSV14°60.53%59.61%
CMYK0.00%46.05%60.53%
40.39%

Color #98523C in popluar number systems.

HEX98523C
Decimal1528260
Binary100110001010010111100
Octal23012274

Shades and tints

Shades of #98523C

#98523C
(152,82,60)
#8B4B37
(139,75,55)
#7E4432
(126,68,50)
#713D2D
(113,61,45)
#643628
(100,54,40)
#572F23
(87,47,35)
#4A281E
(74,40,30)
#3D2119
(61,33,25)
#301A14
(48,26,20)
#23130F
(35,19,15)
#160C0A
(22,12,10)
#000000
(0,0,0)

Tints of #98523C

#98523C
(152,82,60)
#A1614D
(161,97,77)
#AA705E
(170,112,94)
#B37F6F
(179,127,111)
#BC8E80
(188,142,128)
#C59D91
(197,157,145)
#CEACA2
(206,172,162)
#D7BBB3
(215,187,179)
#E0CAC4
(224,202,196)
#E9D9D5
(233,217,213)
#F2E8E6
(242,232,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #98523C color. Also use rgb(152,82,60) instead hex code.

Text Font Color

.myTextColor { color: #98523C; }

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

This text font color is #98523C.


Background Color

.myBgColor { background-color: #98523C; }

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

This div background color is #98523C.


Border color

.myBorderColor { border: 1px solid #98523C; }

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

This div border color is #98523C.


Opacity

.myOpacity80 { color: #98523C; opacity: 0.8; }

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

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

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

This text has shadow with #98523C color.

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

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #98523C;
-webkit-box-shadow: 1px 1px 3px 2px #98523C;
box-shadow:1px 1px 3px 2px #98523C;">
Div content here</div>
This div box has shadow with color #98523C.

Preview

Color preview on black background

This text has color #98523C on black background.


Color preview on white background

This text has color #98523C on white background.



Black color preview on #98523C background

This text has black color on #98523C background.


White color preview on #98523C background

This text has white color on #98523C background.