COLOR #521018

HEX: #521018 RGB: (82,16,24)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#521018 contains mainly red and blue colors. Web safe color of #521018 is #660000 (or #600).

RGB color model

#521018 color RGB value is (82,16,24).

red value is 82;
green value is 16;
blue value is 24.

RGB: (82,16,24) (32%, 6%, 9%)

RGB channels and saturation

R 82 of 255 = 32%
G 16 of 255 = 6%
B 24 of 255 = 9%

R + G + B ~ 16%. #521018 is dark color.

Portions of RGB colors in percentages

R + G + B = 82 + 16 + 24 = 122 (100%)
R 82 of 122 ~ 67.21%
G 16 of 122 ~ 13.11%
B 24 of 122 ~ 19.67'%

%67.21

%13.11

%19.67

CMYK color model

#521018 color CMYK value is (0,80,71,68).

cyan value is 0.00%
magenta value is 80.49%
yellow value is 70.73%
key color value is 67.84%

CMYK: (0,80,71,68) C0M80Y71K68 (0%,80%,71%,68%) (0.00/0.80/0.71/0.68)

CMYK percentages

%80.49

%70.73

%67.84

Codes

Color #521018 in popluar color models

	52	10	18
RGB	82	16	24
HSL	353°	67.35%	19.22%
HSB/HSV	353°	80.49%	32.16%
CMYK	0.00%	80.49%	70.73%
CMYK	67.84%

Color #521018 in popluar number systems.

HEX	52	10	18
Decimal	82	16	24
Binary	1010010	10000	11000
Octal	122	20	30

Shades and tints

Shades of #521018

#521018
(82,16,24)

#4B0F16
(75,15,22)

#440E14
(68,14,20)

#3D0D12
(61,13,18)

#360C10
(54,12,16)

#2F0B0E
(47,11,14)

#280A0C
(40,10,12)

#21090A
(33,9,10)

#1A0808
(26,8,8)

#130706
(19,7,6)

#0C0604
(12,6,4)

#000000
(0,0,0)

Tints of #521018

#521018
(82,16,24)

#61252D
(97,37,45)

#703A42
(112,58,66)

#7F4F57
(127,79,87)

#8E646C
(142,100,108)

#9D7981
(157,121,129)

#AC8E96
(172,142,150)

#BBA3AB
(187,163,171)

#CAB8C0
(202,184,192)

#D9CDD5
(217,205,213)

#E8E2EA
(232,226,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #521018 color. Also use rgb(82,16,24) instead hex code.

Text Font Color

.myTextColor { color: #521018; }

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

This text font color is #521018.

Background Color

.myBgColor { background-color: #521018; }

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

This div background color is #521018.

Border color

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

This div border color is #521018.

Opacity

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

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

This text has shadow with #521018 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #521018.