COLOR #7D4919

HEX: #7D4919
RGB: (125,73,25)

Color info

#7D4919 contains mainly red and green colors. Web safe color of #7D4919 is #663300 (or #630).

RGB color model

#7D4919 color RGB value is (125,73,25).

  • red value is 125;
  • green value is 73;
  • blue value is 25.
RGB:
(125,73,25)
(49%,29%,10%)

RGB channels and saturation

R 125 of 255 = 49%
G 73 of 255 = 29%
B 25 of 255 = 10%

125
73
25

R + G + B ~ 29%. #7D4919 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
125 + 73 + 25 = 223 (100%)
R 125 of 223 ~ 56.05%
G 73 of 223 ~ 32.74%
B 25 of 223 ~ 11.21%

%56.05
%32.74
%11.21

CMYK color model

#7D4919 color CMYK value is (0,42,80,51).

  • cyan value is 0.00%
  • magenta value is 41.60%
  • yellow value is 80.00%
  • key color value is 50.98%
CMYK:
(0,42,80,51)
C0M42Y80K51 
(0%,42%,80%,51%)
(0.00/0.42/0.80/0.51)	

CMYK percentages

%0
%41.6
%80
%50.98

Codes

Color #7D4919 in popluar color models

7D4919
RGB1257325
HSL29°66.67%29.41%
HSB/HSV29°80.00%49.02%
CMYK0.00%41.60%80.00%
50.98%

Color #7D4919 in popluar number systems.

HEX7D4919
Decimal1257325
Binary1111101100100111001
Octal17511131

Shades and tints

Shades of #7D4919

#7D4919
(125,73,25)
#724317
(114,67,23)
#673D15
(103,61,21)
#5C3713
(92,55,19)
#513111
(81,49,17)
#462B0F
(70,43,15)
#3B250D
(59,37,13)
#301F0B
(48,31,11)
#251909
(37,25,9)
#1A1307
(26,19,7)
#0F0D05
(15,13,5)
#000000
(0,0,0)

Tints of #7D4919

#7D4919
(125,73,25)
#88592D
(136,89,45)
#936941
(147,105,65)
#9E7955
(158,121,85)
#A98969
(169,137,105)
#B4997D
(180,153,125)
#BFA991
(191,169,145)
#CAB9A5
(202,185,165)
#D5C9B9
(213,201,185)
#E0D9CD
(224,217,205)
#EBE9E1
(235,233,225)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7D4919 color. Also use rgb(125,73,25) instead hex code.

Text Font Color

.myTextColor { color: #7D4919; }

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

This text font color is #7D4919.


Background Color

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

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

This div background color is #7D4919.


Border color

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

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

This div border color is #7D4919.


Opacity

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

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

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

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

This text has shadow with #7D4919 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7D4919 on black background.


Color preview on white background

This text has color #7D4919 on white background.



Black color preview on #7D4919 background

This text has black color on #7D4919 background.


White color preview on #7D4919 background

This text has white color on #7D4919 background.