Color #370A2E

Color info

#370A2E contains red, green and blue colors in about the same proportion. Web safe color of #370A2E is #330033 (or #303).

RGB color model

#370A2E color RGB value is (55,10,46).

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

RGB: (55,10,46) (22%, 4%, 18%)

RGB channels and saturation

R 55 of 255 = 22%
G 10 of 255 = 4%
B 46 of 255 = 18%

55

10

46

R + G + B ~ 15%. #370A2E is dark color.

Portions of RGB colors in percentages

R + G + B = 55 + 10 + 46 = 111 (100%)
R 55 of 111 ~ 49.55%
G 10 of 111 ~ 9.01%
B 46 of 111 ~ 41.44'%

%49.55

%41.44

CMYK color model

#370A2E color CMYK value is (0,82,16,78).

cyan value is 0.00%
magenta value is 81.82%
yellow value is 16.36%
key color value is 78.43%

CMYK: (0,82,16,78)
C0M82Y16K78 (0%, 82%, 16%, 78%)
(0.00 / 0.82 / 0.16 / 0.78)

CMYK percentages

%0

%81.82

%16.36

%78.43

Codes

Color #370A2E in popluar color models

	37	0A	2E
RGB	55	10	46
HSL	312°	69.23%	12.75%
HSB/HSV	312°	81.82%	21.57%
CMYK	0.00%	81.82%	16.36%
CMYK	78.43%

Color #370A2E in popluar number systems.

HEX	37	0A	2E
Decimal	55	10	46
Binary	110111	1010	101110
Octal	67	12	56

Shades and tints

Shades of #370A2E

#370A2E
(55,10,46)

#320A2A
(50,10,42)

#2D0A26
(45,10,38)

#280A22
(40,10,34)

#230A1E
(35,10,30)

#1E0A1A
(30,10,26)

#190A16
(25,10,22)

#140A12
(20,10,18)

#0F0A0E
(15,10,14)

#0A0A0A
(10,10,10)

#050A06
(5,10,6)

#000000
(0,0,0)

Tints of #370A2E

#370A2E
(55,10,46)

#492041
(73,32,65)

#5B3654
(91,54,84)

#6D4C67
(109,76,103)

#7F627A
(127,98,122)

#91788D
(145,120,141)

#A38EA0
(163,142,160)

#B5A4B3
(181,164,179)

#C7BAC6
(199,186,198)

#D9D0D9
(217,208,217)

#EBE6EC
(235,230,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #370A2E color. Also use rgb(55,10,46) instead hex code.

Text Font Color

.myTextColor { color: #370A2E; }

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

This text font color is #370A2E.

Background Color

.myBgColor { background-color: #370A2E; }

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

This div background color is #370A2E.

Border color

.myBorderColor { border: 1px solid #370A2E; }

This div border color is #370A2E.

Opacity

.myOpacity80 { color: #370A2E; opacity: 0.8; }

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

This text has shadow with #370A2E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #370A2E.