COLOR #672641

HEX: #672641
RGB: (103,38,65)

Color info

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

RGB color model

#672641 color RGB value is (103,38,65).

  • red value is 103;
  • green value is 38;
  • blue value is 65.
RGB:
(103,38,65)
(40%,15%,25%)

RGB channels and saturation

R 103 of 255 = 40%
G 38 of 255 = 15%
B 65 of 255 = 25%

103
38
65

R + G + B ~ 27%. #672641 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
103 + 38 + 65 = 206 (100%)
R 103 of 206 ~ 50%
G 38 of 206 ~ 18.45%
B 65 of 206 ~ 31.55%

%50
%18.45
%31.55

CMYK color model

#672641 color CMYK value is (0,63,37,60).

  • cyan value is 0.00%
  • magenta value is 63.11%
  • yellow value is 36.89%
  • key color value is 59.61%
CMYK:
(0,63,37,60)
C0M63Y37K60 
(0%,63%,37%,60%)
(0.00/0.63/0.37/0.60)	

CMYK percentages

%0
%63.11
%36.89
%59.61

Codes

Color #672641 in popluar color models

672641
RGB1033865
HSL335°46.10%27.65%
HSB/HSV335°63.11%40.39%
CMYK0.00%63.11%36.89%
59.61%

Color #672641 in popluar number systems.

HEX672641
Decimal1033865
Binary11001111001101000001
Octal14746101

Shades and tints

Shades of #672641

#672641
(103,38,65)
#5E233C
(94,35,60)
#552037
(85,32,55)
#4C1D32
(76,29,50)
#431A2D
(67,26,45)
#3A1728
(58,23,40)
#311423
(49,20,35)
#28111E
(40,17,30)
#1F0E19
(31,14,25)
#160B14
(22,11,20)
#0D080F
(13,8,15)
#000000
(0,0,0)

Tints of #672641

#672641
(103,38,65)
#743952
(116,57,82)
#814C63
(129,76,99)
#8E5F74
(142,95,116)
#9B7285
(155,114,133)
#A88596
(168,133,150)
#B598A7
(181,152,167)
#C2ABB8
(194,171,184)
#CFBEC9
(207,190,201)
#DCD1DA
(220,209,218)
#E9E4EB
(233,228,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #672641 color. Also use rgb(103,38,65) instead hex code.

Text Font Color

.myTextColor { color: #672641; }

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

This text font color is #672641.


Background Color

.myBgColor { background-color: #672641; }

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

This div background color is #672641.


Border color

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

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

This div border color is #672641.


Opacity

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

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

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

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

This text has shadow with #672641 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #672641 on black background.


Color preview on white background

This text has color #672641 on white background.



Black color preview on #672641 background

This text has black color on #672641 background.


White color preview on #672641 background

This text has white color on #672641 background.