COLOR #892A26

HEX: #892A26
RGB: (137,42,38)

Color info

#892A26 contains mainly red color. Web safe color of #892A26 is #993333 (or #933).

RGB color model

#892A26 color RGB value is (137,42,38).

  • red value is 137;
  • green value is 42;
  • blue value is 38.
RGB:
(137,42,38)
(54%,16%,15%)

RGB channels and saturation

R 137 of 255 = 54%
G 42 of 255 = 16%
B 38 of 255 = 15%

137
42
38

R + G + B ~ 28%. #892A26 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
137 + 42 + 38 = 217 (100%)
R 137 of 217 ~ 63.13%
G 42 of 217 ~ 19.35%
B 38 of 217 ~ 17.51%

%63.13
%19.35
%17.51

CMYK color model

#892A26 color CMYK value is (0,69,72,46).

  • cyan value is 0.00%
  • magenta value is 69.34%
  • yellow value is 72.26%
  • key color value is 46.27%
CMYK:
(0,69,72,46)
C0M69Y72K46 
(0%,69%,72%,46%)
(0.00/0.69/0.72/0.46)	

CMYK percentages

%0
%69.34
%72.26
%46.27

Codes

Color #892A26 in popluar color models

892A26
RGB1374238
HSL56.57%34.31%
HSB/HSV72.26%53.73%
CMYK0.00%69.34%72.26%
46.27%

Color #892A26 in popluar number systems.

HEX892A26
Decimal1374238
Binary10001001101010100110
Octal2115246

Shades and tints

Shades of #892A26

#892A26
(137,42,38)
#7D2723
(125,39,35)
#712420
(113,36,32)
#65211D
(101,33,29)
#591E1A
(89,30,26)
#4D1B17
(77,27,23)
#411814
(65,24,20)
#351511
(53,21,17)
#29120E
(41,18,14)
#1D0F0B
(29,15,11)
#110C08
(17,12,8)
#000000
(0,0,0)

Tints of #892A26

#892A26
(137,42,38)
#933D39
(147,61,57)
#9D504C
(157,80,76)
#A7635F
(167,99,95)
#B17672
(177,118,114)
#BB8985
(187,137,133)
#C59C98
(197,156,152)
#CFAFAB
(207,175,171)
#D9C2BE
(217,194,190)
#E3D5D1
(227,213,209)
#EDE8E4
(237,232,228)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #892A26 color. Also use rgb(137,42,38) instead hex code.

Text Font Color

.myTextColor { color: #892A26; }

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

This text font color is #892A26.


Background Color

.myBgColor { background-color: #892A26; }

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

This div background color is #892A26.


Border color

.myBorderColor { border: 1px solid #892A26; }

<div style="border:3px solid #892A26">Div</div>

This div border color is #892A26.


Opacity

.myOpacity80 { color: #892A26; opacity: 0.8; }

<p style="color:#892A26;opacity:0.8;">80%</p>

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

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

This text has shadow with #892A26 color.

.textShadow {text-shadow: 3px 3px 1px #892A26, 3px 3px 1px red;}

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #892A26;
-webkit-box-shadow: 1px 1px 3px 2px #892A26;
box-shadow:1px 1px 3px 2px #892A26;">
Div content here</div>
This div box has shadow with color #892A26.

Preview

Color preview on black background

This text has color #892A26 on black background.


Color preview on white background

This text has color #892A26 on white background.



Black color preview on #892A26 background

This text has black color on #892A26 background.


White color preview on #892A26 background

This text has white color on #892A26 background.