Color #677E3D hex code, color models, shades and preview

Renk bilgisi

#677E3D contains mainly red and green colors. #677E3D ‘ nin web güvenlik rengi #666633 (ya da #663) dir.

RGB renk modeli

#677E3D color RGB value is (103,126,61).

kırmız ton 103;
yeşil ton 126;
mavi ton 61.

RGB:
(103,126,61)
(40%,49%,24%)

RGB bağlantıları ve doygunluk

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

103

126

R + G + B ~ 38%. #677E3D is quite dark color.

Yüzdelerle RGB renk parçaları

R + G + B =
103 + 126 + 61 = 290 (100%)
R 103 of 290 ~ 35.52%
G 126 of 290 ~ 43.45%
B 61 of 290 ~ 21.03%

%35.52

%43.45

%21.03

CMYK RENK MODELİ

#677E3D rengi CMYK tonu (18,0,52,51).

camgöbeği tonu 18.25%
eflatun tonu 0.00%
sarı tonu 51.59%
ana renk tonu 50.59%

CMYK:
(18,0,52,51)
C18M0Y52K51 
(18%,0%,52%,51%)
(0.18/0.00/0.52/0.51)

CMYK yüzdeleri

%18.25

%51.59

%50.59

Codes

Color #677E3D in popluar color models

	67	7E	3D
RGB	103	126	61
HSL	81°	34.76%	36.67%
HSB/HSV	81°	51.59%	49.41%
CMYK	18.25%	0.00%	51.59%
CMYK	50.59%

Color #677E3D in popluar number systems.

HEX	67	7E	3D
Decimal	103	126	61
Binary	1100111	1111110	111101
Octal	147	176	75

Shades and tints

Shades of #677E3D

#677E3D
(103,126,61)

#5E7338
(94,115,56)

#556833
(85,104,51)

#4C5D2E
(76,93,46)

#435229
(67,82,41)

#3A4724
(58,71,36)

#313C1F
(49,60,31)

#28311A
(40,49,26)

#1F2615
(31,38,21)

#161B10
(22,27,16)

#0D100B
(13,16,11)

#000000
(0,0,0)

Tints of #677E3D

#677E3D
(103,126,61)

#74894E
(116,137,78)

#81945F
(129,148,95)

#8E9F70
(142,159,112)

#9BAA81
(155,170,129)

#A8B592
(168,181,146)

#B5C0A3
(181,192,163)

#C2CBB4
(194,203,180)

#CFD6C5
(207,214,197)

#DCE1D6
(220,225,214)

#E9ECE7
(233,236,231)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #677E3D; }

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

This text font color is #677E3D.

Background Color

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

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

This div background color is #677E3D.

Border color

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

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

This div border color is #677E3D.

Opacity

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

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

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

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

This text has shadow with #677E3D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #677E3D.

Preview

Color preview on black background

This text has color #677E3D on black background.

Color preview on white background

This text has color #677E3D on white background.

Black color preview on #677E3D background

This text has black color on #677E3D background.

White color preview on #677E3D background

This text has white color on #677E3D background.

COLOR #677E3D