COLOR #6E372E

HEX: #6E372E RGB: (110,55,46)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#6E372E contains mainly red and green colors. Web safe color of #6E372E is #663333 (or #633).

RGB color model

#6E372E color RGB value is (110,55,46).

red value is 110;
green value is 55;
blue value is 46.

RGB: (110,55,46) (43%, 22%, 18%)

RGB channels and saturation

R 110 of 255 = 43%
G 55 of 255 = 22%
B 46 of 255 = 18%

110

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

Portions of RGB colors in percentages

R + G + B = 110 + 55 + 46 = 211 (100%)
R 110 of 211 ~ 52.13%
G 55 of 211 ~ 26.07%
B 46 of 211 ~ 21.8'%

%52.13

%26.07

%21.8

CMYK color model

#6E372E color CMYK value is (0,50,58,57).

cyan value is 0.00%
magenta value is 50.00%
yellow value is 58.18%
key color value is 56.86%

CMYK: (0,50,58,57) C0M50Y58K57 (0%,50%,58%,57%) (0.00/0.50/0.58/0.57)

CMYK percentages

%50

%58.18

%56.86

Codes

Color #6E372E in popluar color models

	6E	37	2E
RGB	110	55	46
HSL	8°	41.03%	30.59%
HSB/HSV	8°	58.18%	43.14%
CMYK	0.00%	50.00%	58.18%
CMYK	56.86%

Color #6E372E in popluar number systems.

HEX	6E	37	2E
Decimal	110	55	46
Binary	1101110	110111	101110
Octal	156	67	56

Shades and tints

Shades of #6E372E

#6E372E
(110,55,46)

#64322A
(100,50,42)

#5A2D26
(90,45,38)

#502822
(80,40,34)

#46231E
(70,35,30)

#3C1E1A
(60,30,26)

#321916
(50,25,22)

#281412
(40,20,18)

#1E0F0E
(30,15,14)

#140A0A
(20,10,10)

#0A0506
(10,5,6)

#000000
(0,0,0)

Tints of #6E372E

#6E372E
(110,55,46)

#7B4941
(123,73,65)

#885B54
(136,91,84)

#956D67
(149,109,103)

#A27F7A
(162,127,122)

#AF918D
(175,145,141)

#BCA3A0
(188,163,160)

#C9B5B3
(201,181,179)

#D6C7C6
(214,199,198)

#E3D9D9
(227,217,217)

#F0EBEC
(240,235,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6E372E color. Also use rgb(110,55,46) instead hex code.

Text Font Color

.myTextColor { color: #6E372E; }

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

This text font color is #6E372E.

Background Color

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

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

This div background color is #6E372E.

Border color

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

This div border color is #6E372E.

Opacity

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

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

This text has shadow with #6E372E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #6E372E.