COLOR #7E677E

HEX: #7E677E
RGB: (126,103,126)

Renk bilgisi

#7E677E contains red, green and blue colors in about the same proportion. #7E677E ‘ nin web güvenlik rengi #666666 (ya da #666) dir.

RGB renk modeli

#7E677E color RGB value is (126,103,126).

  • kırmız ton 126;
  • yeşil ton 103;
  • mavi ton 126.
RGB:
(126,103,126)
(49%,40%,49%)

RGB bağlantıları ve doygunluk

R 126 of 255 = 49%
G 103 of 255 = 40%
B 126 of 255 = 49%

126
103
126

R + G + B ~ 46%. #7E677E is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
126 + 103 + 126 = 355 (100%)
R 126 of 355 ~ 35.49%
G 103 of 355 ~ 29.01%
B 126 of 355 ~ 35.49%

%35.49
%29.01
%35.49

CMYK RENK MODELİ

#7E677E rengi CMYK tonu (0,18,0,51).

  • camgöbeği tonu 0.00%
  • eflatun tonu 18.25%
  • sarı tonu 0.00%
  • ana renk tonu 50.59%
CMYK:
(0,18,0,51)
C0M18Y0K51 
(0%,18%,0%,51%)
(0.00/0.18/0.00/0.51)	

CMYK yüzdeleri

%0
%18.25
%0
%50.59

Codes

Color #7E677E in popluar color models

7E677E
RGB126103126
HSL300°10.04%44.90%
HSB/HSV300°18.25%49.41%
CMYK0.00%18.25%0.00%
50.59%

Color #7E677E in popluar number systems.

HEX7E677E
Decimal126103126
Binary111111011001111111110
Octal176147176

Shades and tints

Shades of #7E677E

#7E677E
(126,103,126)
#735E73
(115,94,115)
#685568
(104,85,104)
#5D4C5D
(93,76,93)
#524352
(82,67,82)
#473A47
(71,58,71)
#3C313C
(60,49,60)
#312831
(49,40,49)
#261F26
(38,31,38)
#1B161B
(27,22,27)
#100D10
(16,13,16)
#000000
(0,0,0)

Tints of #7E677E

#7E677E
(126,103,126)
#897489
(137,116,137)
#948194
(148,129,148)
#9F8E9F
(159,142,159)
#AA9BAA
(170,155,170)
#B5A8B5
(181,168,181)
#C0B5C0
(192,181,192)
#CBC2CB
(203,194,203)
#D6CFD6
(214,207,214)
#E1DCE1
(225,220,225)
#ECE9EC
(236,233,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7E677E color. Also use rgb(126,103,126) instead hex code.

Text Font Color

.myTextColor { color: #7E677E; }

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

This text font color is #7E677E.


Background Color

.myBgColor { background-color: #7E677E; }

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

This div background color is #7E677E.


Border color

.myBorderColor { border: 1px solid #7E677E; }

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

This div border color is #7E677E.


Opacity

.myOpacity80 { color: #7E677E; opacity: 0.8; }

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

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

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

This text has shadow with #7E677E color.

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

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #7E677E;
-webkit-box-shadow: 1px 1px 3px 2px #7E677E;
box-shadow:1px 1px 3px 2px #7E677E;">
Div content here</div>
This div box has shadow with color #7E677E.

Preview

Color preview on black background

This text has color #7E677E on black background.


Color preview on white background

This text has color #7E677E on white background.



Black color preview on #7E677E background

This text has black color on #7E677E background.


White color preview on #7E677E background

This text has white color on #7E677E background.