COLOR #98636A

HEX: #98636A
RGB: (152,99,106)

Color info

#98636A contains red, green and blue colors in about the same proportion. Web safe color of #98636A is #996666 (or #966).

RGB color model

#98636A color RGB value is (152,99,106).

  • red value is 152;
  • green value is 99;
  • blue value is 106.
RGB:
(152,99,106)
(60%,39%,42%)

RGB channels and saturation

R 152 of 255 = 60%
G 99 of 255 = 39%
B 106 of 255 = 42%

152
99
106

R + G + B ~ 47%. #98636A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
152 + 99 + 106 = 357 (100%)
R 152 of 357 ~ 42.58%
G 99 of 357 ~ 27.73%
B 106 of 357 ~ 29.69%

%42.58
%27.73
%29.69

CMYK color model

#98636A color CMYK value is (0,35,30,40).

  • cyan value is 0.00%
  • magenta value is 34.87%
  • yellow value is 30.26%
  • key color value is 40.39%
CMYK:
(0,35,30,40)
C0M35Y30K40 
(0%,35%,30%,40%)
(0.00/0.35/0.30/0.40)	

CMYK percentages

%0
%34.87
%30.26
%40.39

Codes

Color #98636A in popluar color models

98636A
RGB15299106
HSL352°21.12%49.22%
HSB/HSV352°34.87%59.61%
CMYK0.00%34.87%30.26%
40.39%

Color #98636A in popluar number systems.

HEX98636A
Decimal15299106
Binary1001100011000111101010
Octal230143152

Shades and tints

Shades of #98636A

#98636A
(152,99,106)
#8B5A61
(139,90,97)
#7E5158
(126,81,88)
#71484F
(113,72,79)
#643F46
(100,63,70)
#57363D
(87,54,61)
#4A2D34
(74,45,52)
#3D242B
(61,36,43)
#301B22
(48,27,34)
#231219
(35,18,25)
#160910
(22,9,16)
#000000
(0,0,0)

Tints of #98636A

#98636A
(152,99,106)
#A17177
(161,113,119)
#AA7F84
(170,127,132)
#B38D91
(179,141,145)
#BC9B9E
(188,155,158)
#C5A9AB
(197,169,171)
#CEB7B8
(206,183,184)
#D7C5C5
(215,197,197)
#E0D3D2
(224,211,210)
#E9E1DF
(233,225,223)
#F2EFEC
(242,239,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #98636A color. Also use rgb(152,99,106) instead hex code.

Text Font Color

.myTextColor { color: #98636A; }

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

This text font color is #98636A.


Background Color

.myBgColor { background-color: #98636A; }

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

This div background color is #98636A.


Border color

.myBorderColor { border: 1px solid #98636A; }

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

This div border color is #98636A.


Opacity

.myOpacity80 { color: #98636A; opacity: 0.8; }

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

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

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

This text has shadow with #98636A color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #98636A on black background.


Color preview on white background

This text has color #98636A on white background.



Black color preview on #98636A background

This text has black color on #98636A background.


White color preview on #98636A background

This text has white color on #98636A background.