COLOR #672938

HEX: #672938
RGB: (103,41,56)

Color info

#672938 contains mainly red and blue colors. Web safe color of #672938 is #663333 (or #633).

RGB color model

#672938 color RGB value is (103,41,56).

  • red value is 103;
  • green value is 41;
  • blue value is 56.
RGB:
(103,41,56)
(40%,16%,22%)

RGB channels and saturation

R 103 of 255 = 40%
G 41 of 255 = 16%
B 56 of 255 = 22%

103
41
56

R + G + B ~ 26%. #672938 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
103 + 41 + 56 = 200 (100%)
R 103 of 200 ~ 51.5%
G 41 of 200 ~ 20.5%
B 56 of 200 ~ 28%

%51.5
%20.5
%28

CMYK color model

#672938 color CMYK value is (0,60,46,60).

  • cyan value is 0.00%
  • magenta value is 60.19%
  • yellow value is 45.63%
  • key color value is 59.61%
CMYK:
(0,60,46,60)
C0M60Y46K60 
(0%,60%,46%,60%)
(0.00/0.60/0.46/0.60)	

CMYK percentages

%0
%60.19
%45.63
%59.61

Codes

Color #672938 in popluar color models

672938
RGB1034156
HSL345°43.06%28.24%
HSB/HSV345°60.19%40.39%
CMYK0.00%60.19%45.63%
59.61%

Color #672938 in popluar number systems.

HEX672938
Decimal1034156
Binary1100111101001111000
Octal1475170

Shades and tints

Shades of #672938

#672938
(103,41,56)
#5E2633
(94,38,51)
#55232E
(85,35,46)
#4C2029
(76,32,41)
#431D24
(67,29,36)
#3A1A1F
(58,26,31)
#31171A
(49,23,26)
#281415
(40,20,21)
#1F1110
(31,17,16)
#160E0B
(22,14,11)
#0D0B06
(13,11,6)
#000000
(0,0,0)

Tints of #672938

#672938
(103,41,56)
#743C4A
(116,60,74)
#814F5C
(129,79,92)
#8E626E
(142,98,110)
#9B7580
(155,117,128)
#A88892
(168,136,146)
#B59BA4
(181,155,164)
#C2AEB6
(194,174,182)
#CFC1C8
(207,193,200)
#DCD4DA
(220,212,218)
#E9E7EC
(233,231,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #672938 color. Also use rgb(103,41,56) instead hex code.

Text Font Color

.myTextColor { color: #672938; }

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

This text font color is #672938.


Background Color

.myBgColor { background-color: #672938; }

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

This div background color is #672938.


Border color

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

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

This div border color is #672938.


Opacity

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

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

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

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

This text has shadow with #672938 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #672938 on black background.


Color preview on white background

This text has color #672938 on white background.



Black color preview on #672938 background

This text has black color on #672938 background.


White color preview on #672938 background

This text has white color on #672938 background.