COLOR #533F33

HEX: #533F33 RGB: (83,63,51)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#533F33 contains red, green and blue colors in about the same proportion. Web safe color of #533F33 is #663333 (or #633).

RGB color model

#533F33 color RGB value is (83,63,51).

red value is 83;
green value is 63;
blue value is 51.

RGB: (83,63,51) (33%, 25%, 20%)

RGB channels and saturation

R 83 of 255 = 33%
G 63 of 255 = 25%
B 51 of 255 = 20%

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

Portions of RGB colors in percentages

R + G + B = 83 + 63 + 51 = 197 (100%)
R 83 of 197 ~ 42.13%
G 63 of 197 ~ 31.98%
B 51 of 197 ~ 25.89'%

%42.13

%31.98

%25.89

CMYK color model

#533F33 color CMYK value is (0,24,39,67).

cyan value is 0.00%
magenta value is 24.10%
yellow value is 38.55%
key color value is 67.45%

CMYK: (0,24,39,67) C0M24Y39K67 (0%,24%,39%,67%) (0.00/0.24/0.39/0.67)

CMYK percentages

%24.1

%38.55

%67.45

Codes

Color #533F33 in popluar color models

	53	3F	33
RGB	83	63	51
HSL	23°	23.88%	26.27%
HSB/HSV	23°	38.55%	32.55%
CMYK	0.00%	24.10%	38.55%
CMYK	67.45%

Color #533F33 in popluar number systems.

HEX	53	3F	33
Decimal	83	63	51
Binary	1010011	111111	110011
Octal	123	77	63

Shades and tints

Shades of #533F33

#533F33
(83,63,51)

#4C3A2F
(76,58,47)

#45352B
(69,53,43)

#3E3027
(62,48,39)

#372B23
(55,43,35)

#30261F
(48,38,31)

#29211B
(41,33,27)

#221C17
(34,28,23)

#1B1713
(27,23,19)

#14120F
(20,18,15)

#0D0D0B
(13,13,11)

#000000
(0,0,0)

Tints of #533F33

#533F33
(83,63,51)

#625045
(98,80,69)

#716157
(113,97,87)

#807269
(128,114,105)

#8F837B
(143,131,123)

#9E948D
(158,148,141)

#ADA59F
(173,165,159)

#BCB6B1
(188,182,177)

#CBC7C3
(203,199,195)

#DAD8D5
(218,216,213)

#E9E9E7
(233,233,231)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #533F33 color. Also use rgb(83,63,51) instead hex code.

Text Font Color

.myTextColor { color: #533F33; }

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

This text font color is #533F33.

Background Color

.myBgColor { background-color: #533F33; }

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

This div background color is #533F33.

Border color

.myBorderColor { border: 1px solid #533F33; }

This div border color is #533F33.

Opacity

.myOpacity80 { color: #533F33; opacity: 0.8; }

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

This text has shadow with #533F33 color.

.textShadow {text-shadow: 3px 3px 1px #533F33', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #533F33.