COLOR #221716

HEX: #221716 RGB: (34,23,22)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#221716 color RGB value is (34,23,22).

red value is 34;
green value is 23;
blue value is 22.

RGB: (34,23,22) (13%, 9%, 9%)

RGB channels and saturation

R 34 of 255 = 13%
G 23 of 255 = 9%
B 22 of 255 = 9%

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

Portions of RGB colors in percentages

R + G + B = 34 + 23 + 22 = 79 (100%)
R 34 of 79 ~ 43.04%
G 23 of 79 ~ 29.11%
B 22 of 79 ~ 27.85'%

%43.04

%29.11

%27.85

CMYK color model

#221716 color CMYK value is (0,32,35,87).

cyan value is 0.00%
magenta value is 32.35%
yellow value is 35.29%
key color value is 86.67%

CMYK: (0,32,35,87) C0M32Y35K87 (0%,32%,35%,87%) (0.00/0.32/0.35/0.87)

CMYK percentages

%32.35

%35.29

%86.67

Codes

Color #221716 in popluar color models

	22	17	16
RGB	34	23	22
HSL	5°	21.43%	10.98%
HSB/HSV	5°	35.29%	13.33%
CMYK	0.00%	32.35%	35.29%
CMYK	86.67%

Color #221716 in popluar number systems.

HEX	22	17	16
Decimal	34	23	22
Binary	100010	10111	10110
Octal	42	27	26

Shades and tints

Shades of #221716

#221716
(34,23,22)

#1F1514
(31,21,20)

#1C1312
(28,19,18)

#191110
(25,17,16)

#160F0E
(22,15,14)

#130D0C
(19,13,12)

#100B0A
(16,11,10)

#0D0908
(13,9,8)

#0A0706
(10,7,6)

#070504
(7,5,4)

#040302
(4,3,2)

#000000
(0,0,0)

Tints of #221716

#221716
(34,23,22)

#362C2B
(54,44,43)

#4A4140
(74,65,64)

#5E5655
(94,86,85)

#726B6A
(114,107,106)

#86807F
(134,128,127)

#9A9594
(154,149,148)

#AEAAA9
(174,170,169)

#C2BFBE
(194,191,190)

#D6D4D3
(214,212,211)

#EAE9E8
(234,233,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #221716 color. Also use rgb(34,23,22) instead hex code.

Text Font Color

.myTextColor { color: #221716; }

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

This text font color is #221716.

Background Color

.myBgColor { background-color: #221716; }

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

This div background color is #221716.

Border color

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

This div border color is #221716.

Opacity

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

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

This text has shadow with #221716 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #221716.