COLOR #AD320E

HEX: #AD320E
RGB: (173,50,14)

Color info

#AD320E contains mainly red color. Web safe color of #AD320E is #993300 (or #930).

RGB color model

#AD320E color RGB value is (173,50,14).

  • red value is 173;
  • green value is 50;
  • blue value is 14.
RGB:
(173,50,14)
(68%,20%,5%)

RGB channels and saturation

R 173 of 255 = 68%
G 50 of 255 = 20%
B 14 of 255 = 5%

173
50
14

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

Portions of RGB colors in percentages

R + G + B =
173 + 50 + 14 = 237 (100%)
R 173 of 237 ~ 73%
G 50 of 237 ~ 21.1%
B 14 of 237 ~ 5.91%

%73
%21.1

CMYK color model

#AD320E color CMYK value is (0,71,92,32).

  • cyan value is 0.00%
  • magenta value is 71.10%
  • yellow value is 91.91%
  • key color value is 32.16%
CMYK:
(0,71,92,32)
C0M71Y92K32 
(0%,71%,92%,32%)
(0.00/0.71/0.92/0.32)	

CMYK percentages

%0
%71.1
%91.91
%32.16

Codes

Color #AD320E in popluar color models

AD320E
RGB1735014
HSL14°85.03%36.67%
HSB/HSV14°91.91%67.84%
CMYK0.00%71.10%91.91%
32.16%

Color #AD320E in popluar number systems.

HEXAD320E
Decimal1735014
Binary101011011100101110
Octal2556216

Shades and tints

Shades of #AD320E

#AD320E
(173,50,14)
#9E2E0D
(158,46,13)
#8F2A0C
(143,42,12)
#80260B
(128,38,11)
#71220A
(113,34,10)
#621E09
(98,30,9)
#531A08
(83,26,8)
#441607
(68,22,7)
#351206
(53,18,6)
#260E05
(38,14,5)
#170A04
(23,10,4)
#000000
(0,0,0)

Tints of #AD320E

#AD320E
(173,50,14)
#B44423
(180,68,35)
#BB5638
(187,86,56)
#C2684D
(194,104,77)
#C97A62
(201,122,98)
#D08C77
(208,140,119)
#D79E8C
(215,158,140)
#DEB0A1
(222,176,161)
#E5C2B6
(229,194,182)
#ECD4CB
(236,212,203)
#F3E6E0
(243,230,224)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AD320E color. Also use rgb(173,50,14) instead hex code.

Text Font Color

.myTextColor { color: #AD320E; }

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

This text font color is #AD320E.


Background Color

.myBgColor { background-color: #AD320E; }

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

This div background color is #AD320E.


Border color

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

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

This div border color is #AD320E.


Opacity

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

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

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

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

This text has shadow with #AD320E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #AD320E on black background.


Color preview on white background

This text has color #AD320E on white background.



Black color preview on #AD320E background

This text has black color on #AD320E background.


White color preview on #AD320E background

This text has white color on #AD320E background.