Color #868299

Color info

#868299 contains red, green and blue colors in about the same proportion. Web safe color of #868299 is #999999 (or #999).

RGB color model

#868299 color RGB value is (134,130,153).

red value is 134;
green value is 130;
blue value is 153.

RGB:
(134,130,153)
(53%,51%,60%)

RGB channels and saturation

R 134 of 255 = 53%
G 130 of 255 = 51%
B 153 of 255 = 60%

134

130

153

R + G + B ~ 55%. #868299 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
134 + 130 + 153 = 417 (100%)
R 134 of 417 ~ 32.13%
G 130 of 417 ~ 31.18%
B 153 of 417 ~ 36.69%

%32.13

%31.18

%36.69

CMYK color model

#868299 color CMYK value is (12,15,0,40).

cyan value is 12.42%
magenta value is 15.03%
yellow value is 0.00%
key color value is 40.00%

CMYK:
(12,15,0,40)
C12M15Y0K40 
(12%,15%,0%,40%)
(0.12/0.15/0.00/0.40)

CMYK percentages

%12.42

%15.03

%40

Codes

Color #868299 in popluar color models

	86	82	99
RGB	134	130	153
HSL	250°	10.13%	55.49%
HSB/HSV	250°	15.03%	60.00%
CMYK	12.42%	15.03%	0.00%
CMYK	40.00%

Color #868299 in popluar number systems.

HEX	86	82	99
Decimal	134	130	153
Binary	10000110	10000010	10011001
Octal	206	202	231

Shades and tints

Shades of #868299

#868299
(134,130,153)

#7A778C
(122,119,140)

#6E6C7F
(110,108,127)

#626172
(98,97,114)

#565665
(86,86,101)

#4A4B58
(74,75,88)

#3E404B
(62,64,75)

#32353E
(50,53,62)

#262A31
(38,42,49)

#1A1F24
(26,31,36)

#0E1417
(14,20,23)

#000000
(0,0,0)

Tints of #868299

#868299
(134,130,153)

#918DA2
(145,141,162)

#9C98AB
(156,152,171)

#A7A3B4
(167,163,180)

#B2AEBD
(178,174,189)

#BDB9C6
(189,185,198)

#C8C4CF
(200,196,207)

#D3CFD8
(211,207,216)

#DEDAE1
(222,218,225)

#E9E5EA
(233,229,234)

#F4F0F3
(244,240,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #868299 color. Also use rgb(134,130,153) instead hex code.

Text Font Color

.myTextColor { color: #868299; }

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

This text font color is #868299.

Background Color

.myBgColor { background-color: #868299; }

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

This div background color is #868299.

Border color

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

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

This div border color is #868299.

Opacity

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

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

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

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

This text has shadow with #868299 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #868299.

Preview

Color preview on black background

This text has color #868299 on black background.

Color preview on white background

This text has color #868299 on white background.

Black color preview on #868299 background

This text has black color on #868299 background.

White color preview on #868299 background

This text has white color on #868299 background.