Color #684529 hex code, color models, shades and preview

Renk bilgisi

#684529 contains mainly red and green colors. #684529 ‘ nin web güvenlik rengi #663333 (ya da #633) dir.

RGB renk modeli

#684529 color RGB value is (104,69,41).

kırmız ton 104;
yeşil ton 69;
mavi ton 41.

RGB:
(104,69,41)
(41%,27%,16%)

RGB bağlantıları ve doygunluk

R 104 of 255 = 41%
G 69 of 255 = 27%
B 41 of 255 = 16%

104

R + G + B ~ 28%. #684529 is quite dark color.

Yüzdelerle RGB renk parçaları

R + G + B =
104 + 69 + 41 = 214 (100%)
R 104 of 214 ~ 48.6%
G 69 of 214 ~ 32.24%
B 41 of 214 ~ 19.16%

%48.6

%32.24

%19.16

CMYK RENK MODELİ

#684529 rengi CMYK tonu (0,34,61,59).

camgöbeği tonu 0.00%
eflatun tonu 33.65%
sarı tonu 60.58%
ana renk tonu 59.22%

CMYK:
(0,34,61,59)
C0M34Y61K59 
(0%,34%,61%,59%)
(0.00/0.34/0.61/0.59)

CMYK yüzdeleri

%33.65

%60.58

%59.22

Codes

Color #684529 in popluar color models

	68	45	29
RGB	104	69	41
HSL	27°	43.45%	28.43%
HSB/HSV	27°	60.58%	40.78%
CMYK	0.00%	33.65%	60.58%
CMYK	59.22%

Color #684529 in popluar number systems.

HEX	68	45	29
Decimal	104	69	41
Binary	1101000	1000101	101001
Octal	150	105	51

Shades and tints

Shades of #684529

#684529
(104,69,41)

#5F3F26
(95,63,38)

#563923
(86,57,35)

#4D3320
(77,51,32)

#442D1D
(68,45,29)

#3B271A
(59,39,26)

#322117
(50,33,23)

#291B14
(41,27,20)

#201511
(32,21,17)

#170F0E
(23,15,14)

#0E090B
(14,9,11)

#000000
(0,0,0)

Tints of #684529

#684529
(104,69,41)

#75553C
(117,85,60)

#82654F
(130,101,79)

#8F7562
(143,117,98)

#9C8575
(156,133,117)

#A99588
(169,149,136)

#B6A59B
(182,165,155)

#C3B5AE
(195,181,174)

#D0C5C1
(208,197,193)

#DDD5D4
(221,213,212)

#EAE5E7
(234,229,231)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #684529 color. Also use rgb(104,69,41) instead hex code.

Text Font Color

.myTextColor { color: #684529; }

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

This text font color is #684529.

Background Color

.myBgColor { background-color: #684529; }

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

This div background color is #684529.

Border color

.myBorderColor { border: 1px solid #684529; }

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

This div border color is #684529.

Opacity

.myOpacity80 { color: #684529; opacity: 0.8; }

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

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

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

This text has shadow with #684529 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #684529.

Preview

Color preview on black background

This text has color #684529 on black background.

Color preview on white background

This text has color #684529 on white background.

Black color preview on #684529 background

This text has black color on #684529 background.

White color preview on #684529 background

This text has white color on #684529 background.

COLOR #684529