COLOR #300536

HEX: #300536 RGB: (48,5,54)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#300536 contains red, green and blue colors in about the same proportion. Web safe color of #300536 is #330033 (or #303).

RGB color model

#300536 color RGB value is (48,5,54).

red value is 48;
green value is 5;
blue value is 54.

RGB: (48,5,54) (19%, 2%, 21%)

RGB channels and saturation

R 48 of 255 = 19%
G 5 of 255 = 2%
B 54 of 255 = 21%

R + G + B ~ 14%. #300536 is dark color.

Portions of RGB colors in percentages

R + G + B = 48 + 5 + 54 = 107 (100%)
R 48 of 107 ~ 44.86%
G 5 of 107 ~ 4.67%
B 54 of 107 ~ 50.47'%

%44.86

%50.47

CMYK color model

#300536 color CMYK value is (11,91,0,79).

cyan value is 11.11%
magenta value is 90.74%
yellow value is 0.00%
key color value is 78.82%

CMYK: (11,91,0,79) C11M91Y0K79 (11%,91%,0%,79%) (0.11/0.91/0.00/0.79)

CMYK percentages

%11.11

%90.74

%78.82

Codes

Color #300536 in popluar color models

	30	05	36
RGB	48	5	54
HSL	293°	83.05%	11.57%
HSB/HSV	293°	90.74%	21.18%
CMYK	11.11%	90.74%	0.00%
CMYK	78.82%

Color #300536 in popluar number systems.

HEX	30	05	36
Decimal	48	5	54
Binary	110000	101	110110
Octal	60	5	66

Shades and tints

Shades of #300536

#300536
(48,5,54)

#2C0532
(44,5,50)

#28052E
(40,5,46)

#24052A
(36,5,42)

#200526
(32,5,38)

#1C0522
(28,5,34)

#18051E
(24,5,30)

#14051A
(20,5,26)

#100516
(16,5,22)

#0C0512
(12,5,18)

#08050E
(8,5,14)

#000000
(0,0,0)

Tints of #300536

#300536
(48,5,54)

#421B48
(66,27,72)

#54315A
(84,49,90)

#66476C
(102,71,108)

#785D7E
(120,93,126)

#8A7390
(138,115,144)

#9C89A2
(156,137,162)

#AE9FB4
(174,159,180)

#C0B5C6
(192,181,198)

#D2CBD8
(210,203,216)

#E4E1EA
(228,225,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #300536 color. Also use rgb(48,5,54) instead hex code.

Text Font Color

.myTextColor { color: #300536; }

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

This text font color is #300536.

Background Color

.myBgColor { background-color: #300536; }

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

This div background color is #300536.

Border color

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

This div border color is #300536.

Opacity

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

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

This text has shadow with #300536 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #300536.