Color #431B21

Color info

#431B21 contains red, green and blue colors in about the same proportion. Web safe color of #431B21 is #333333 (or #333).

RGB color model

#431B21 color RGB value is (67,27,33).

red value is 67;
green value is 27;
blue value is 33.

RGB:
(67,27,33)
(26%,11%,13%)

RGB channels and saturation

R 67 of 255 = 26%
G 27 of 255 = 11%
B 33 of 255 = 13%

R + G + B ~ 17%. #431B21 is dark color.

Portions of RGB colors in percentages

R + G + B =
67 + 27 + 33 = 127 (100%)
R 67 of 127 ~ 52.76%
G 27 of 127 ~ 21.26%
B 33 of 127 ~ 25.98%

%52.76

%21.26

%25.98

CMYK color model

#431B21 color CMYK value is (0,60,51,74).

cyan value is 0.00%
magenta value is 59.70%
yellow value is 50.75%
key color value is 73.73%

CMYK:
(0,60,51,74)
C0M60Y51K74 
(0%,60%,51%,74%)
(0.00/0.60/0.51/0.74)

CMYK percentages

%59.7

%50.75

%73.73

Codes

Color #431B21 in popluar color models

	43	1B	21
RGB	67	27	33
HSL	351°	42.55%	18.43%
HSB/HSV	351°	59.70%	26.27%
CMYK	0.00%	59.70%	50.75%
CMYK	73.73%

Color #431B21 in popluar number systems.

HEX	43	1B	21
Decimal	67	27	33
Binary	1000011	11011	100001
Octal	103	33	41

Shades and tints

Shades of #431B21

#431B21
(67,27,33)

#3D191E
(61,25,30)

#37171B
(55,23,27)

#311518
(49,21,24)

#2B1315
(43,19,21)

#251112
(37,17,18)

#1F0F0F
(31,15,15)

#190D0C
(25,13,12)

#130B09
(19,11,9)

#0D0906
(13,9,6)

#070703
(7,7,3)

#000000
(0,0,0)

Tints of #431B21

#431B21
(67,27,33)

#542F35
(84,47,53)

#654349
(101,67,73)

#76575D
(118,87,93)

#876B71
(135,107,113)

#987F85
(152,127,133)

#A99399
(169,147,153)

#BAA7AD
(186,167,173)

#CBBBC1
(203,187,193)

#DCCFD5
(220,207,213)

#EDE3E9
(237,227,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #431B21 color. Also use rgb(67,27,33) instead hex code.

Text Font Color

.myTextColor { color: #431B21; }

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

This text font color is #431B21.

Background Color

.myBgColor { background-color: #431B21; }

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

This div background color is #431B21.

Border color

.myBorderColor { border: 1px solid #431B21; }

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

This div border color is #431B21.

Opacity

.myOpacity80 { color: #431B21; opacity: 0.8; }

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

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

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

This text has shadow with #431B21 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #431B21.

Preview

Color preview on black background

This text has color #431B21 on black background.

Color preview on white background

This text has color #431B21 on white background.

Black color preview on #431B21 background

This text has black color on #431B21 background.

White color preview on #431B21 background

This text has white color on #431B21 background.