COLOR #6B440C

HEX: #6B440C RGB: (107,68,12)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#6B440C contains mainly red and green colors. Web safe color of #6B440C is #663300 (or #630).

RGB color model

#6B440C color RGB value is (107,68,12).

red value is 107;
green value is 68;
blue value is 12.

RGB: (107,68,12) (42%, 27%, 5%)

RGB channels and saturation

R 107 of 255 = 42%
G 68 of 255 = 27%
B 12 of 255 = 5%

107

R + G + B ~ 25%. #6B440C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 107 + 68 + 12 = 187 (100%)
R 107 of 187 ~ 57.22%
G 68 of 187 ~ 36.36%
B 12 of 187 ~ 6.42'%

%57.22

%36.36

CMYK color model

#6B440C color CMYK value is (0,36,89,58).

cyan value is 0.00%
magenta value is 36.45%
yellow value is 88.79%
key color value is 58.04%

CMYK: (0,36,89,58) C0M36Y89K58 (0%,36%,89%,58%) (0.00/0.36/0.89/0.58)

CMYK percentages

%36.45

%88.79

%58.04

Codes

Color #6B440C in popluar color models

	6B	44	0C
RGB	107	68	12
HSL	35°	79.83%	23.33%
HSB/HSV	35°	88.79%	41.96%
CMYK	0.00%	36.45%	88.79%
CMYK	58.04%

Color #6B440C in popluar number systems.

HEX	6B	44	0C
Decimal	107	68	12
Binary	1101011	1000100	1100
Octal	153	104	14

Shades and tints

Shades of #6B440C

#6B440C
(107,68,12)

#623E0B
(98,62,11)

#59380A
(89,56,10)

#503209
(80,50,9)

#472C08
(71,44,8)

#3E2607
(62,38,7)

#352006
(53,32,6)

#2C1A05
(44,26,5)

#231404
(35,20,4)

#1A0E03
(26,14,3)

#110802
(17,8,2)

#000000
(0,0,0)

Tints of #6B440C

#6B440C
(107,68,12)

#785522
(120,85,34)

#856638
(133,102,56)

#92774E
(146,119,78)

#9F8864
(159,136,100)

#AC997A
(172,153,122)

#B9AA90
(185,170,144)

#C6BBA6
(198,187,166)

#D3CCBC
(211,204,188)

#E0DDD2
(224,221,210)

#EDEEE8
(237,238,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6B440C color. Also use rgb(107,68,12) instead hex code.

Text Font Color

.myTextColor { color: #6B440C; }

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

This text font color is #6B440C.

Background Color

.myBgColor { background-color: #6B440C; }

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

This div background color is #6B440C.

Border color

.myBorderColor { border: 1px solid #6B440C; }

This div border color is #6B440C.

Opacity

.myOpacity80 { color: #6B440C; opacity: 0.8; }

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

This text has shadow with #6B440C color.

.textShadow {text-shadow: 3px 3px 1px #6B440C', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #6B440C.