Color #6E7BAC

Color info

#6E7BAC contains mainly green and blue colors. Web safe color of #6E7BAC is #666699 (or #669).

RGB color model

#6E7BAC color RGB value is (110,123,172).

red value is 110;
green value is 123;
blue value is 172.

RGB:
(110,123,172)
(43%,48%,67%)

RGB channels and saturation

R 110 of 255 = 43%
G 123 of 255 = 48%
B 172 of 255 = 67%

110

123

172

R + G + B ~ 53%. #6E7BAC is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
110 + 123 + 172 = 405 (100%)
R 110 of 405 ~ 27.16%
G 123 of 405 ~ 30.37%
B 172 of 405 ~ 42.47%

%27.16

%30.37

%42.47

CMYK color model

#6E7BAC color CMYK value is (36,28,0,33).

cyan value is 36.05%
magenta value is 28.49%
yellow value is 0.00%
key color value is 32.55%

CMYK:
(36,28,0,33)
C36M28Y0K33 
(36%,28%,0%,33%)
(0.36/0.28/0.00/0.33)

CMYK percentages

%36.05

%28.49

%32.55

Codes

Color #6E7BAC in popluar color models

	6E	7B	AC
RGB	110	123	172
HSL	227°	27.19%	55.29%
HSB/HSV	227°	36.05%	67.45%
CMYK	36.05%	28.49%	0.00%
CMYK	32.55%

Color #6E7BAC in popluar number systems.

HEX	6E	7B	AC
Decimal	110	123	172
Binary	1101110	1111011	10101100
Octal	156	173	254

Shades and tints

Shades of #6E7BAC

#6E7BAC
(110,123,172)

#64709D
(100,112,157)

#5A658E
(90,101,142)

#505A7F
(80,90,127)

#464F70
(70,79,112)

#3C4461
(60,68,97)

#323952
(50,57,82)

#282E43
(40,46,67)

#1E2334
(30,35,52)

#141825
(20,24,37)

#0A0D16
(10,13,22)

#000000
(0,0,0)

Tints of #6E7BAC

#6E7BAC
(110,123,172)

#7B87B3
(123,135,179)

#8893BA
(136,147,186)

#959FC1
(149,159,193)

#A2ABC8
(162,171,200)

#AFB7CF
(175,183,207)

#BCC3D6
(188,195,214)

#C9CFDD
(201,207,221)

#D6DBE4
(214,219,228)

#E3E7EB
(227,231,235)

#F0F3F2
(240,243,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6E7BAC color. Also use rgb(110,123,172) instead hex code.

Text Font Color

.myTextColor { color: #6E7BAC; }

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

This text font color is #6E7BAC.

Background Color

.myBgColor { background-color: #6E7BAC; }

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

This div background color is #6E7BAC.

Border color

.myBorderColor { border: 1px solid #6E7BAC; }

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

This div border color is #6E7BAC.

Opacity

.myOpacity80 { color: #6E7BAC; opacity: 0.8; }

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

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

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

This text has shadow with #6E7BAC color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #6E7BAC.

Preview

Color preview on black background

This text has color #6E7BAC on black background.

Color preview on white background

This text has color #6E7BAC on white background.

Black color preview on #6E7BAC background

This text has black color on #6E7BAC background.

White color preview on #6E7BAC background

This text has white color on #6E7BAC background.