Color #483E18

Color info

#483E18 contains red, green and blue colors in about the same proportion. Web safe color of #483E18 is #333300 (or #330).

RGB color model

#483E18 color RGB value is (72,62,24).

red value is 72;
green value is 62;
blue value is 24.

RGB:
(72,62,24)
(28%,24%,9%)

RGB channels and saturation

R 72 of 255 = 28%
G 62 of 255 = 24%
B 24 of 255 = 9%

R + G + B ~ 20%. #483E18 is dark color.

Portions of RGB colors in percentages

R + G + B =
72 + 62 + 24 = 158 (100%)
R 72 of 158 ~ 45.57%
G 62 of 158 ~ 39.24%
B 24 of 158 ~ 15.19%

%45.57

%39.24

%15.19

CMYK color model

#483E18 color CMYK value is (0,14,67,72).

cyan value is 0.00%
magenta value is 13.89%
yellow value is 66.67%
key color value is 71.76%

CMYK:
(0,14,67,72)
C0M14Y67K72 
(0%,14%,67%,72%)
(0.00/0.14/0.67/0.72)

CMYK percentages

%13.89

%66.67

%71.76

Codes

Color #483E18 in popluar color models

	48	3E	18
RGB	72	62	24
HSL	48°	50.00%	18.82%
HSB/HSV	48°	66.67%	28.24%
CMYK	0.00%	13.89%	66.67%
CMYK	71.76%

Color #483E18 in popluar number systems.

HEX	48	3E	18
Decimal	72	62	24
Binary	1001000	111110	11000
Octal	110	76	30

Shades and tints

Shades of #483E18

#483E18
(72,62,24)

#423916
(66,57,22)

#3C3414
(60,52,20)

#362F12
(54,47,18)

#302A10
(48,42,16)

#2A250E
(42,37,14)

#24200C
(36,32,12)

#1E1B0A
(30,27,10)

#181608
(24,22,8)

#121106
(18,17,6)

#0C0C04
(12,12,4)

#000000
(0,0,0)

Tints of #483E18

#483E18
(72,62,24)

#584F2D
(88,79,45)

#686042
(104,96,66)

#787157
(120,113,87)

#88826C
(136,130,108)

#989381
(152,147,129)

#A8A496
(168,164,150)

#B8B5AB
(184,181,171)

#C8C6C0
(200,198,192)

#D8D7D5
(216,215,213)

#E8E8EA
(232,232,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #483E18 color. Also use rgb(72,62,24) instead hex code.

Text Font Color

.myTextColor { color: #483E18; }

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

This text font color is #483E18.

Background Color

.myBgColor { background-color: #483E18; }

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

This div background color is #483E18.

Border color

.myBorderColor { border: 1px solid #483E18; }

<div style="border:3px solid #483E18">Div</div>

This div border color is #483E18.

Opacity

.myOpacity80 { color: #483E18; opacity: 0.8; }

<p style="color:#483E18;opacity:0.8;">80%</p>

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

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

This text has shadow with #483E18 color.

.textShadow {text-shadow: 3px 3px 1px #483E18, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #483E18.

Preview

Color preview on black background

This text has color #483E18 on black background.

Color preview on white background

This text has color #483E18 on white background.

Black color preview on #483E18 background

This text has black color on #483E18 background.

White color preview on #483E18 background

This text has white color on #483E18 background.