Color #52551C

Color info

#52551C contains red, green and blue colors in about the same proportion. Web safe color of #52551C is #666633 (or #663).

RGB color model

#52551C color RGB value is (82,85,28).

red value is 82;
green value is 85;
blue value is 28.

RGB:
(82,85,28)
(32%,33%,11%)

RGB channels and saturation

R 82 of 255 = 32%
G 85 of 255 = 33%
B 28 of 255 = 11%

R + G + B ~ 25%. #52551C is quite dark color.

Portions of RGB colors in percentages

R + G + B =
82 + 85 + 28 = 195 (100%)
R 82 of 195 ~ 42.05%
G 85 of 195 ~ 43.59%
B 28 of 195 ~ 14.36%

%42.05

%43.59

%14.36

CMYK color model

#52551C color CMYK value is (4,0,67,67).

cyan value is 3.53%
magenta value is 0.00%
yellow value is 67.06%
key color value is 66.67%

CMYK:
(4,0,67,67)
C4M0Y67K67 
(4%,0%,67%,67%)
(0.04/0.00/0.67/0.67)

CMYK percentages

%3.53

%67.06

%66.67

Codes

Color #52551C in popluar color models

	52	55	1C
RGB	82	85	28
HSL	63°	50.44%	22.16%
HSB/HSV	63°	67.06%	33.33%
CMYK	3.53%	0.00%	67.06%
CMYK	66.67%

Color #52551C in popluar number systems.

HEX	52	55	1C
Decimal	82	85	28
Binary	1010010	1010101	11100
Octal	122	125	34

Shades and tints

Shades of #52551C

#52551C
(82,85,28)

#4B4E1A
(75,78,26)

#444718
(68,71,24)

#3D4016
(61,64,22)

#363914
(54,57,20)

#2F3212
(47,50,18)

#282B10
(40,43,16)

#21240E
(33,36,14)

#1A1D0C
(26,29,12)

#13160A
(19,22,10)

#0C0F08
(12,15,8)

#000000
(0,0,0)

Tints of #52551C

#52551C
(82,85,28)

#616430
(97,100,48)

#707344
(112,115,68)

#7F8258
(127,130,88)

#8E916C
(142,145,108)

#9DA080
(157,160,128)

#ACAF94
(172,175,148)

#BBBEA8
(187,190,168)

#CACDBC
(202,205,188)

#D9DCD0
(217,220,208)

#E8EBE4
(232,235,228)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #52551C color. Also use rgb(82,85,28) instead hex code.

Text Font Color

.myTextColor { color: #52551C; }

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

This text font color is #52551C.

Background Color

.myBgColor { background-color: #52551C; }

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

This div background color is #52551C.

Border color

.myBorderColor { border: 1px solid #52551C; }

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

This div border color is #52551C.

Opacity

.myOpacity80 { color: #52551C; opacity: 0.8; }

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

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

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

This text has shadow with #52551C color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #52551C.

Preview

Color preview on black background

This text has color #52551C on black background.

Color preview on white background

This text has color #52551C on white background.

Black color preview on #52551C background

This text has black color on #52551C background.

White color preview on #52551C background

This text has white color on #52551C background.