Color #C48B41

Color info

#C48B41 contains mainly red and green colors. Web safe color of #C48B41 is #CC9933 (or #C93).

RGB color model

#C48B41 color RGB value is (196,139,65).

red value is 196;
green value is 139;
blue value is 65.

RGB:
(196,139,65)
(77%,55%,25%)

RGB channels and saturation

R 196 of 255 = 77%
G 139 of 255 = 55%
B 65 of 255 = 25%

196

139

R + G + B ~ 52%. #C48B41 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
196 + 139 + 65 = 400 (100%)
R 196 of 400 ~ 49%
G 139 of 400 ~ 34.75%
B 65 of 400 ~ 16.25%

%49

%34.75

%16.25

CMYK color model

#C48B41 color CMYK value is (0,29,67,23).

cyan value is 0.00%
magenta value is 29.08%
yellow value is 66.84%
key color value is 23.14%

CMYK:
(0,29,67,23)
C0M29Y67K23 
(0%,29%,67%,23%)
(0.00/0.29/0.67/0.23)

CMYK percentages

%29.08

%66.84

%23.14

Codes

Color #C48B41 in popluar color models

	C4	8B	41
RGB	196	139	65
HSL	34°	52.61%	51.18%
HSB/HSV	34°	66.84%	76.86%
CMYK	0.00%	29.08%	66.84%
CMYK	23.14%

Color #C48B41 in popluar number systems.

HEX	C4	8B	41
Decimal	196	139	65
Binary	11000100	10001011	1000001
Octal	304	213	101

Shades and tints

Shades of #C48B41

#C48B41
(196,139,65)

#B37F3C
(179,127,60)

#A27337
(162,115,55)

#916732
(145,103,50)

#805B2D
(128,91,45)

#6F4F28
(111,79,40)

#5E4323
(94,67,35)

#4D371E
(77,55,30)

#3C2B19
(60,43,25)

#2B1F14
(43,31,20)

#1A130F
(26,19,15)

#000000
(0,0,0)

Tints of #C48B41

#C48B41
(196,139,65)

#C99552
(201,149,82)

#CE9F63
(206,159,99)

#D3A974
(211,169,116)

#D8B385
(216,179,133)

#DDBD96
(221,189,150)

#E2C7A7
(226,199,167)

#E7D1B8
(231,209,184)

#ECDBC9
(236,219,201)

#F1E5DA
(241,229,218)

#F6EFEB
(246,239,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C48B41 color. Also use rgb(196,139,65) instead hex code.

Text Font Color

.myTextColor { color: #C48B41; }

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

This text font color is #C48B41.

Background Color

.myBgColor { background-color: #C48B41; }

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

This div background color is #C48B41.

Border color

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

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

This div border color is #C48B41.

Opacity

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

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

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

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

This text has shadow with #C48B41 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #C48B41.

Preview

Color preview on black background

This text has color #C48B41 on black background.

Color preview on white background

This text has color #C48B41 on white background.

Black color preview on #C48B41 background

This text has black color on #C48B41 background.

White color preview on #C48B41 background

This text has white color on #C48B41 background.