Color #676E9B

Color info

#676E9B contains red, green and blue colors in about the same proportion. Web safe color of #676E9B is #666699 (or #669).

RGB color model

#676E9B color RGB value is (103,110,155).

red value is 103;
green value is 110;
blue value is 155.

RGB: (103,110,155) (40%, 43%, 61%)

RGB channels and saturation

R 103 of 255 = 40%
G 110 of 255 = 43%
B 155 of 255 = 61%

103

110

155

R + G + B ~ 48%. #676E9B is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 103 + 110 + 155 = 368 (100%)
R 103 of 368 ~ 27.99%
G 110 of 368 ~ 29.89%
B 155 of 368 ~ 42.12'%

%27.99

%29.89

%42.12

CMYK color model

#676E9B color CMYK value is (34,29,0,39).

cyan value is 33.55%
magenta value is 29.03%
yellow value is 0.00%
key color value is 39.22%

CMYK: (34,29,0,39)
C34M29Y0K39 (34%, 29%, 0%, 39%)
(0.34 / 0.29 / 0.00 / 0.39)

CMYK percentages

%33.55

%29.03

%0

%39.22

Codes

Color #676E9B in popluar color models

	67	6E	9B
RGB	103	110	155
HSL	232°	20.63%	50.59%
HSB/HSV	232°	33.55%	60.78%
CMYK	33.55%	29.03%	0.00%
CMYK	39.22%

Color #676E9B in popluar number systems.

HEX	67	6E	9B
Decimal	103	110	155
Binary	1100111	1101110	10011011
Octal	147	156	233

Shades and tints

Shades of #676E9B

#676E9B
(103,110,155)

#5E648D
(94,100,141)

#555A7F
(85,90,127)

#4C5071
(76,80,113)

#434663
(67,70,99)

#3A3C55
(58,60,85)

#313247
(49,50,71)

#282839
(40,40,57)

#1F1E2B
(31,30,43)

#16141D
(22,20,29)

#0D0A0F
(13,10,15)

#000000
(0,0,0)

Tints of #676E9B

#676E9B
(103,110,155)

#747BA4
(116,123,164)

#8188AD
(129,136,173)

#8E95B6
(142,149,182)

#9BA2BF
(155,162,191)

#A8AFC8
(168,175,200)

#B5BCD1
(181,188,209)

#C2C9DA
(194,201,218)

#CFD6E3
(207,214,227)

#DCE3EC
(220,227,236)

#E9F0F5
(233,240,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #676E9B color. Also use rgb(103,110,155) instead hex code.

Text Font Color

.myTextColor { color: #676E9B; }

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

This text font color is #676E9B.

Background Color

.myBgColor { background-color: #676E9B; }

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

This div background color is #676E9B.

Border color

.myBorderColor { border: 1px solid #676E9B; }

This div border color is #676E9B.

Opacity

.myOpacity80 { color: #676E9B; opacity: 0.8; }

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

This text has shadow with #676E9B color.

.textShadow {text-shadow: 3px 3px 1px #676E9B', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #676E9B.