Color #9E222D

Color info

#9E222D contains mainly red color. Web safe color of #9E222D is #993333 (or #933).

RGB color model

#9E222D color RGB value is (158,34,45).

red value is 158;
green value is 34;
blue value is 45.

RGB:
(158,34,45)
(62%,13%,18%)

RGB channels and saturation

R 158 of 255 = 62%
G 34 of 255 = 13%
B 45 of 255 = 18%

158

R + G + B ~ 31%. #9E222D is quite dark color.

Portions of RGB colors in percentages

R + G + B =
158 + 34 + 45 = 237 (100%)
R 158 of 237 ~ 66.67%
G 34 of 237 ~ 14.35%
B 45 of 237 ~ 18.99%

%66.67

%14.35

%18.99

CMYK color model

#9E222D color CMYK value is (0,78,72,38).

cyan value is 0.00%
magenta value is 78.48%
yellow value is 71.52%
key color value is 38.04%

CMYK:
(0,78,72,38)
C0M78Y72K38 
(0%,78%,72%,38%)
(0.00/0.78/0.72/0.38)

CMYK percentages

%78.48

%71.52

%38.04

Codes

Color #9E222D in popluar color models

	9E	22	2D
RGB	158	34	45
HSL	355°	64.58%	37.65%
HSB/HSV	355°	78.48%	61.96%
CMYK	0.00%	78.48%	71.52%
CMYK	38.04%

Color #9E222D in popluar number systems.

HEX	9E	22	2D
Decimal	158	34	45
Binary	10011110	100010	101101
Octal	236	42	55

Shades and tints

Shades of #9E222D

#9E222D
(158,34,45)

#901F29
(144,31,41)

#821C25
(130,28,37)

#741921
(116,25,33)

#66161D
(102,22,29)

#581319
(88,19,25)

#4A1015
(74,16,21)

#3C0D11
(60,13,17)

#2E0A0D
(46,10,13)

#200709
(32,7,9)

#120405
(18,4,5)

#000000
(0,0,0)

Tints of #9E222D

#9E222D
(158,34,45)

#A63640
(166,54,64)

#AE4A53
(174,74,83)

#B65E66
(182,94,102)

#BE7279
(190,114,121)

#C6868C
(198,134,140)

#CE9A9F
(206,154,159)

#D6AEB2
(214,174,178)

#DEC2C5
(222,194,197)

#E6D6D8
(230,214,216)

#EEEAEB
(238,234,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9E222D color. Also use rgb(158,34,45) instead hex code.

Text Font Color

.myTextColor { color: #9E222D; }

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

This text font color is #9E222D.

Background Color

.myBgColor { background-color: #9E222D; }

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

This div background color is #9E222D.

Border color

.myBorderColor { border: 1px solid #9E222D; }

<div style="border:3px solid #9E222D">Div</div>

This div border color is #9E222D.

Opacity

.myOpacity80 { color: #9E222D; opacity: 0.8; }

<p style="color:#9E222D;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #9E222D">Text here.</p>

This text has shadow with #9E222D color.

.textShadow {text-shadow: 3px 3px 1px #9E222D, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #9E222D, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#9E222D, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #9E222D.

Preview

Color preview on black background

This text has color #9E222D on black background.

Color preview on white background

This text has color #9E222D on white background.

Black color preview on #9E222D background

This text has black color on #9E222D background.

White color preview on #9E222D background

This text has white color on #9E222D background.