Color #818FBA

Color info

#818FBA contains red, green and blue colors in about the same proportion. Web safe color of #818FBA is #9999CC (or #99C).

RGB color model

#818FBA color RGB value is (129,143,186).

red value is 129;
green value is 143;
blue value is 186.

RGB:
(129,143,186)
(51%,56%,73%)

RGB channels and saturation

R 129 of 255 = 51%
G 143 of 255 = 56%
B 186 of 255 = 73%

129

143

186

R + G + B ~ 60%. #818FBA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
129 + 143 + 186 = 458 (100%)
R 129 of 458 ~ 28.17%
G 143 of 458 ~ 31.22%
B 186 of 458 ~ 40.61%

%28.17

%31.22

%40.61

CMYK color model

#818FBA color CMYK value is (31,23,0,27).

cyan value is 30.65%
magenta value is 23.12%
yellow value is 0.00%
key color value is 27.06%

CMYK:
(31,23,0,27)
C31M23Y0K27 
(31%,23%,0%,27%)
(0.31/0.23/0.00/0.27)

CMYK percentages

%30.65

%23.12

%27.06

Codes

Color #818FBA in popluar color models

	81	8F	BA
RGB	129	143	186
HSL	225°	29.23%	61.76%
HSB/HSV	225°	30.65%	72.94%
CMYK	30.65%	23.12%	0.00%
CMYK	27.06%

Color #818FBA in popluar number systems.

HEX	81	8F	BA
Decimal	129	143	186
Binary	10000001	10001111	10111010
Octal	201	217	272

Shades and tints

Shades of #818FBA

#818FBA
(129,143,186)

#7682AA
(118,130,170)

#6B759A
(107,117,154)

#60688A
(96,104,138)

#555B7A
(85,91,122)

#4A4E6A
(74,78,106)

#3F415A
(63,65,90)

#34344A
(52,52,74)

#29273A
(41,39,58)

#1E1A2A
(30,26,42)

#130D1A
(19,13,26)

#000000
(0,0,0)

Tints of #818FBA

#818FBA
(129,143,186)

#8C99C0
(140,153,192)

#97A3C6
(151,163,198)

#A2ADCC
(162,173,204)

#ADB7D2
(173,183,210)

#B8C1D8
(184,193,216)

#C3CBDE
(195,203,222)

#CED5E4
(206,213,228)

#D9DFEA
(217,223,234)

#E4E9F0
(228,233,240)

#EFF3F6
(239,243,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #818FBA color. Also use rgb(129,143,186) instead hex code.

Text Font Color

.myTextColor { color: #818FBA; }

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

This text font color is #818FBA.

Background Color

.myBgColor { background-color: #818FBA; }

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

This div background color is #818FBA.

Border color

.myBorderColor { border: 1px solid #818FBA; }

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

This div border color is #818FBA.

Opacity

.myOpacity80 { color: #818FBA; opacity: 0.8; }

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

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

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

This text has shadow with #818FBA color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #818FBA.

Preview

Color preview on black background

This text has color #818FBA on black background.

Color preview on white background

This text has color #818FBA on white background.

Black color preview on #818FBA background

This text has black color on #818FBA background.

White color preview on #818FBA background

This text has white color on #818FBA background.