COLOR #67666D

HEX: #67666D
RGB: (103,102,109)

Color info

#67666D contains red, green and blue colors in about the same proportion. Web safe color of #67666D is #666666 (or #666).

RGB color model

#67666D color RGB value is (103,102,109).

  • red value is 103;
  • green value is 102;
  • blue value is 109.
RGB: (103,102,109) (40%,40%,43%)

RGB channels and saturation

R 103 of 255 = 40%
G 102 of 255 = 40%
B 109 of 255 = 43%

103
102
109

R + G + B ~ 41%. #67666D is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
103 + 102 + 109 = 314 (100%)
R 103 of 314 ~ 32.8%
G 102 of 314 ~ 32.48%
B 109 of 314 ~ 34.71%

%32.8
%32.48
%34.71

CMYK color model

#67666D color CMYK value is (6,6,0,57).

  • cyan value is 5.50%
  • magenta value is 6.42%
  • yellow value is 0.00%
  • key color value is 57.25%
CMYK: (6,6,0,57) C6M6Y0K57 (6%,6%,0%,57%) (0.06/0.06/0.00/0.57)

CMYK percentages

%5.5
%6.42
%0
%57.25

Codes

Color #67666D in popluar color models

67666D
RGB103102109
HSL249°3.32%41.37%
HSB/HSV249°6.42%42.75%
CMYK5.50%6.42%0.00%
57.25%

Color #67666D in popluar number systems.

HEX67666D
Decimal103102109
Binary110011111001101101101
Octal147146155

Shades and tints

Shades of #67666D

#67666D
(103,102,109)
#5E5D64
(94,93,100)
#55545B
(85,84,91)
#4C4B52
(76,75,82)
#434249
(67,66,73)
#3A3940
(58,57,64)
#313037
(49,48,55)
#28272E
(40,39,46)
#1F1E25
(31,30,37)
#16151C
(22,21,28)
#0D0C13
(13,12,19)
#000000
(0,0,0)

Tints of #67666D

#67666D
(103,102,109)
#74737A
(116,115,122)
#818087
(129,128,135)
#8E8D94
(142,141,148)
#9B9AA1
(155,154,161)
#A8A7AE
(168,167,174)
#B5B4BB
(181,180,187)
#C2C1C8
(194,193,200)
#CFCED5
(207,206,213)
#DCDBE2
(220,219,226)
#E9E8EF
(233,232,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #67666D color. Also use rgb(103,102,109) instead hex code.

Text Font Color

.myTextColor { color: #67666D; }

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

This text font color is #67666D.


Background Color

.myBgColor { background-color: #67666D; }

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

This div background color is #67666D.


Border color

.myBorderColor { border: 1px solid #67666D; }

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

This div border color is #67666D.


Opacity

.myOpacity80 { color: #67666D; opacity: 0.8; }

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

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

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

This text has shadow with #67666D color.

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

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

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


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

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

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


Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #67666D; -webkit-box-shadow:	1px 1px 3px 2px #67666D; box-shadow:	1px 1px 3px 2px #67666D; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #67666D; -webkit-box-shadow: 1px 1px 3px 2px #67666D; box-shadow:1px 1px 3px 2px #67666D;">
Div content here</div>
This div box has shadow with color #67666D.

Preview

Color preview on black background

This text has color #67666D on black background.


Color preview on white background

This text has color #67666D on white background.



Black color preview on #67666D background

This text has black color on #67666D background.


White color preview on #67666D background

This text has white color on #67666D background.