Color #7A1F00

Color info

#7A1F00 contains mainly red color. Web safe color of #7A1F00 is #663300 (or #630).

RGB color model

#7A1F00 color RGB value is (122,31,0).

red value is 122;
green value is 31;
blue value is 0.

RGB:
(122,31,0)
(48%,12%,0%)

RGB channels and saturation

R 122 of 255 = 48%
G 31 of 255 = 12%
B 0 of 255 = 0%

122

R + G + B ~ 20%. #7A1F00 is dark color.

Portions of RGB colors in percentages

R + G + B =
122 + 31 + 0 = 153 (100%)
R 122 of 153 ~ 79.74%
G 31 of 153 ~ 20.26%
B 0 of 153 ~ 0%

%79.74

%20.26

CMYK color model

#7A1F00 color CMYK value is (0,75,100,52).

cyan value is 0.00%
magenta value is 74.59%
yellow value is 100.00%
key color value is 52.16%

CMYK:
(0,75,100,52)
C0M75Y100K52 
(0%,75%,100%,52%)
(0.00/0.75/1.00/0.52)

CMYK percentages

%74.59

%100

%52.16

Codes

Color #7A1F00 in popluar color models

	7A	1F	00
RGB	122	31	0
HSL	15°	100.00%	23.92%
HSB/HSV	15°	100.00%	47.84%
CMYK	0.00%	74.59%	100.00%
CMYK	52.16%

Color #7A1F00 in popluar number systems.

HEX	7A	1F	00
Decimal	122	31	0
Binary	1111010	11111	0
Octal	172	37	0

Shades and tints

Shades of #7A1F00

#7A1F00
(122,31,0)

#6F1D00
(111,29,0)

#641B00
(100,27,0)

#591900
(89,25,0)

#4E1700
(78,23,0)

#431500
(67,21,0)

#381300
(56,19,0)

#2D1100
(45,17,0)

#220F00
(34,15,0)

#170D00
(23,13,0)

#0C0B00
(12,11,0)

#000000
(0,0,0)

Tints of #7A1F00

#7A1F00
(122,31,0)

#863317
(134,51,23)

#92472E
(146,71,46)

#9E5B45
(158,91,69)

#AA6F5C
(170,111,92)

#B68373
(182,131,115)

#C2978A
(194,151,138)

#CEABA1
(206,171,161)

#DABFB8
(218,191,184)

#E6D3CF
(230,211,207)

#F2E7E6
(242,231,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7A1F00 color. Also use rgb(122,31,0) instead hex code.

Text Font Color

.myTextColor { color: #7A1F00; }

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

This text font color is #7A1F00.

Background Color

.myBgColor { background-color: #7A1F00; }

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

This div background color is #7A1F00.

Border color

.myBorderColor { border: 1px solid #7A1F00; }

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

This div border color is #7A1F00.

Opacity

.myOpacity80 { color: #7A1F00; opacity: 0.8; }

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

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

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

This text has shadow with #7A1F00 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7A1F00.

Preview

Color preview on black background

This text has color #7A1F00 on black background.

Color preview on white background

This text has color #7A1F00 on white background.

Black color preview on #7A1F00 background

This text has black color on #7A1F00 background.

White color preview on #7A1F00 background

This text has white color on #7A1F00 background.