COLOR #772B17

HEX: #772B17
RGB: (119,43,23)

Color info

#772B17 contains mainly red color. Web safe color of #772B17 is #663300 (or #630).

RGB color model

#772B17 color RGB value is (119,43,23).

  • red value is 119;
  • green value is 43;
  • blue value is 23.
RGB:
(119,43,23)
(47%,17%,9%)

RGB channels and saturation

R 119 of 255 = 47%
G 43 of 255 = 17%
B 23 of 255 = 9%

119
43
23

R + G + B ~ 24%. #772B17 is dark color.

Portions of RGB colors in percentages

R + G + B =
119 + 43 + 23 = 185 (100%)
R 119 of 185 ~ 64.32%
G 43 of 185 ~ 23.24%
B 23 of 185 ~ 12.43%

%64.32
%23.24
%12.43

CMYK color model

#772B17 color CMYK value is (0,64,81,53).

  • cyan value is 0.00%
  • magenta value is 63.87%
  • yellow value is 80.67%
  • key color value is 53.33%
CMYK:
(0,64,81,53)
C0M64Y81K53 
(0%,64%,81%,53%)
(0.00/0.64/0.81/0.53)	

CMYK percentages

%0
%63.87
%80.67
%53.33

Codes

Color #772B17 in popluar color models

772B17
RGB1194323
HSL13°67.61%27.84%
HSB/HSV13°80.67%46.67%
CMYK0.00%63.87%80.67%
53.33%

Color #772B17 in popluar number systems.

HEX772B17
Decimal1194323
Binary111011110101110111
Octal1675327

Shades and tints

Shades of #772B17

#772B17
(119,43,23)
#6D2815
(109,40,21)
#632513
(99,37,19)
#592211
(89,34,17)
#4F1F0F
(79,31,15)
#451C0D
(69,28,13)
#3B190B
(59,25,11)
#311609
(49,22,9)
#271307
(39,19,7)
#1D1005
(29,16,5)
#130D03
(19,13,3)
#000000
(0,0,0)

Tints of #772B17

#772B17
(119,43,23)
#833E2C
(131,62,44)
#8F5141
(143,81,65)
#9B6456
(155,100,86)
#A7776B
(167,119,107)
#B38A80
(179,138,128)
#BF9D95
(191,157,149)
#CBB0AA
(203,176,170)
#D7C3BF
(215,195,191)
#E3D6D4
(227,214,212)
#EFE9E9
(239,233,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #772B17 color. Also use rgb(119,43,23) instead hex code.

Text Font Color

.myTextColor { color: #772B17; }

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

This text font color is #772B17.


Background Color

.myBgColor { background-color: #772B17; }

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

This div background color is #772B17.


Border color

.myBorderColor { border: 1px solid #772B17; }

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

This div border color is #772B17.


Opacity

.myOpacity80 { color: #772B17; opacity: 0.8; }

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

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

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

This text has shadow with #772B17 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #772B17 on black background.


Color preview on white background

This text has color #772B17 on white background.



Black color preview on #772B17 background

This text has black color on #772B17 background.


White color preview on #772B17 background

This text has white color on #772B17 background.