COLOR #677F75

HEX: #677F75
RGB: (103,127,117)

Renk bilgisi

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

RGB renk modeli

#677F75 color RGB value is (103,127,117).

  • kırmız ton 103;
  • yeşil ton 127;
  • mavi ton 117.
RGB:
(103,127,117)
(40%,50%,46%)

RGB bağlantıları ve doygunluk

R 103 of 255 = 40%
G 127 of 255 = 50%
B 117 of 255 = 46%

103
127
117

R + G + B ~ 45%. #677F75 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
103 + 127 + 117 = 347 (100%)
R 103 of 347 ~ 29.68%
G 127 of 347 ~ 36.6%
B 117 of 347 ~ 33.72%

%29.68
%36.6
%33.72

CMYK RENK MODELİ

#677F75 rengi CMYK tonu (19,0,8,50).

  • camgöbeği tonu 18.90%
  • eflatun tonu 0.00%
  • sarı tonu 7.87%
  • ana renk tonu 50.20%
CMYK:
(19,0,8,50)
C19M0Y8K50 
(19%,0%,8%,50%)
(0.19/0.00/0.08/0.50)

CMYK yüzdeleri

%18.9
%0
%7.87
%50.2

Codes

Color #677F75 in popluar color models

677F75
RGB103127117
HSL155°10.43%45.10%
HSB/HSV155°18.90%49.80%
CMYK18.90%0.00%7.87%
50.20%

Color #677F75 in popluar number systems.

HEX677F75
Decimal103127117
Binary110011111111111110101
Octal147177165

Shades and tints

Shades of #677F75

#677F75
(103,127,117)
#5E746B
(94,116,107)
#556961
(85,105,97)
#4C5E57
(76,94,87)
#43534D
(67,83,77)
#3A4843
(58,72,67)
#313D39
(49,61,57)
#28322F
(40,50,47)
#1F2725
(31,39,37)
#161C1B
(22,28,27)
#0D1111
(13,17,17)
#000000
(0,0,0)

Tints of #677F75

#677F75
(103,127,117)
#748A81
(116,138,129)
#81958D
(129,149,141)
#8EA099
(142,160,153)
#9BABA5
(155,171,165)
#A8B6B1
(168,182,177)
#B5C1BD
(181,193,189)
#C2CCC9
(194,204,201)
#CFD7D5
(207,215,213)
#DCE2E1
(220,226,225)
#E9EDED
(233,237,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #677F75 color. Also use rgb(103,127,117) instead hex code.

Text Font Color

.myTextColor { color: #677F75; }

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

This text font color is #677F75.


Background Color

.myBgColor { background-color: #677F75; }

<div style="background-color:#677F75">Inner text</div>

This div background color is #677F75.


Border color

.myBorderColor { border: 1px solid #677F75; }

<div style="border:3px solid #677F75">Div</div>

This div border color is #677F75.


Opacity

.myOpacity80 { color: #677F75; opacity: 0.8; }

<p style="color:#677F75;opacity:0.8;">80%</p>

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

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

This text has shadow with #677F75 color.

.textShadow {text-shadow: 3px 3px 1px #677F75, 3px 3px 1px red;}

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

This text has shadow with #677F75 primary color and red secondary color.


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

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

This text has shadow with #677F75 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #677F75 on black background.


Color preview on white background

This text has color #677F75 on white background.


Black color preview on #677F75 background

This text has black color on #677F75 background.


White color preview on #677F75 background

This text has white color on #677F75 background.