COLOR #221415

HEX: #221415 RGB: (34,20,21)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#221415 contains red, green and blue colors in about the same proportion. Web safe color of #221415 is #330000 (or #300).

RGB color model

#221415 color RGB value is (34,20,21).

red value is 34;
green value is 20;
blue value is 21.

RGB: (34,20,21) (13%, 8%, 8%)

RGB channels and saturation

R 34 of 255 = 13%
G 20 of 255 = 8%
B 21 of 255 = 8%

R + G + B ~ 10%. #221415 is dark color.

Portions of RGB colors in percentages

R + G + B = 34 + 20 + 21 = 75 (100%)
R 34 of 75 ~ 45.33%
G 20 of 75 ~ 26.67%
B 21 of 75 ~ 28'%

%45.33

%26.67

%28

CMYK color model

#221415 color CMYK value is (0,41,38,87).

cyan value is 0.00%
magenta value is 41.18%
yellow value is 38.24%
key color value is 86.67%

CMYK: (0,41,38,87) C0M41Y38K87 (0%,41%,38%,87%) (0.00/0.41/0.38/0.87)

CMYK percentages

%41.18

%38.24

%86.67

Codes

Color #221415 in popluar color models

	22	14	15
RGB	34	20	21
HSL	356°	25.93%	10.59%
HSB/HSV	356°	41.18%	13.33%
CMYK	0.00%	41.18%	38.24%
CMYK	86.67%

Color #221415 in popluar number systems.

HEX	22	14	15
Decimal	34	20	21
Binary	100010	10100	10101
Octal	42	24	25

Shades and tints

Shades of #221415

#221415
(34,20,21)

#1F1314
(31,19,20)

#1C1213
(28,18,19)

#191112
(25,17,18)

#161011
(22,16,17)

#130F10
(19,15,16)

#100E0F
(16,14,15)

#0D0D0E
(13,13,14)

#0A0C0D
(10,12,13)

#070B0C
(7,11,12)

#040A0B
(4,10,11)

#000000
(0,0,0)

Tints of #221415

#221415
(34,20,21)

#36292A
(54,41,42)

#4A3E3F
(74,62,63)

#5E5354
(94,83,84)

#726869
(114,104,105)

#867D7E
(134,125,126)

#9A9293
(154,146,147)

#AEA7A8
(174,167,168)

#C2BCBD
(194,188,189)

#D6D1D2
(214,209,210)

#EAE6E7
(234,230,231)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #221415 color. Also use rgb(34,20,21) instead hex code.

Text Font Color

.myTextColor { color: #221415; }

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

This text font color is #221415.

Background Color

.myBgColor { background-color: #221415; }

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

This div background color is #221415.

Border color

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

This div border color is #221415.

Opacity

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

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

This text has shadow with #221415 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #221415.