Color #C3AE69

Color info

#C3AE69 contains mainly red and green colors. Web safe color of #C3AE69 is #CC9966 (or #C96).

RGB color model

#C3AE69 color RGB value is (195,174,105).

red value is 195;
green value is 174;
blue value is 105.

RGB:
(195,174,105)
(76%,68%,41%)

RGB channels and saturation

R 195 of 255 = 76%
G 174 of 255 = 68%
B 105 of 255 = 41%

195

174

105

R + G + B ~ 62%. #C3AE69 is quite light color.

Portions of RGB colors in percentages

R + G + B =
195 + 174 + 105 = 474 (100%)
R 195 of 474 ~ 41.14%
G 174 of 474 ~ 36.71%
B 105 of 474 ~ 22.15%

%41.14

%36.71

%22.15

CMYK color model

#C3AE69 color CMYK value is (0,11,46,24).

cyan value is 0.00%
magenta value is 10.77%
yellow value is 46.15%
key color value is 23.53%

CMYK:
(0,11,46,24)
C0M11Y46K24 
(0%,11%,46%,24%)
(0.00/0.11/0.46/0.24)

CMYK percentages

%10.77

%46.15

%23.53

Codes

Color #C3AE69 in popluar color models

	C3	AE	69
RGB	195	174	105
HSL	46°	42.86%	58.82%
HSB/HSV	46°	46.15%	76.47%
CMYK	0.00%	10.77%	46.15%
CMYK	23.53%

Color #C3AE69 in popluar number systems.

HEX	C3	AE	69
Decimal	195	174	105
Binary	11000011	10101110	1101001
Octal	303	256	151

Shades and tints

Shades of #C3AE69

#C3AE69
(195,174,105)

#B29F60
(178,159,96)

#A19057
(161,144,87)

#90814E
(144,129,78)

#7F7245
(127,114,69)

#6E633C
(110,99,60)

#5D5433
(93,84,51)

#4C452A
(76,69,42)

#3B3621
(59,54,33)

#2A2718
(42,39,24)

#19180F
(25,24,15)

#000000
(0,0,0)

Tints of #C3AE69

#C3AE69
(195,174,105)

#C8B576
(200,181,118)

#CDBC83
(205,188,131)

#D2C390
(210,195,144)

#D7CA9D
(215,202,157)

#DCD1AA
(220,209,170)

#E1D8B7
(225,216,183)

#E6DFC4
(230,223,196)

#EBE6D1
(235,230,209)

#F0EDDE
(240,237,222)

#F5F4EB
(245,244,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C3AE69 color. Also use rgb(195,174,105) instead hex code.

Text Font Color

.myTextColor { color: #C3AE69; }

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

This text font color is #C3AE69.

Background Color

.myBgColor { background-color: #C3AE69; }

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

This div background color is #C3AE69.

Border color

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

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

This div border color is #C3AE69.

Opacity

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

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

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

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

This text has shadow with #C3AE69 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #C3AE69.

Preview

Color preview on black background

This text has color #C3AE69 on black background.

Color preview on white background

This text has color #C3AE69 on white background.

Black color preview on #C3AE69 background

This text has black color on #C3AE69 background.

White color preview on #C3AE69 background

This text has white color on #C3AE69 background.