Color #C7AF45

Color info

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

RGB color model

#C7AF45 color RGB value is (199,175,69).

red value is 199;
green value is 175;
blue value is 69.

RGB:
(199,175,69)
(78%,69%,27%)

RGB channels and saturation

R 199 of 255 = 78%
G 175 of 255 = 69%
B 69 of 255 = 27%

199

175

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

Portions of RGB colors in percentages

R + G + B =
199 + 175 + 69 = 443 (100%)
R 199 of 443 ~ 44.92%
G 175 of 443 ~ 39.5%
B 69 of 443 ~ 15.58%

%44.92

%39.5

%15.58

CMYK color model

#C7AF45 color CMYK value is (0,12,65,22).

cyan value is 0.00%
magenta value is 12.06%
yellow value is 65.33%
key color value is 21.96%

CMYK:
(0,12,65,22)
C0M12Y65K22 
(0%,12%,65%,22%)
(0.00/0.12/0.65/0.22)

CMYK percentages

%12.06

%65.33

%21.96

Codes

Color #C7AF45 in popluar color models

	C7	AF	45
RGB	199	175	69
HSL	49°	53.72%	52.55%
HSB/HSV	49°	65.33%	78.04%
CMYK	0.00%	12.06%	65.33%
CMYK	21.96%

Color #C7AF45 in popluar number systems.

HEX	C7	AF	45
Decimal	199	175	69
Binary	11000111	10101111	1000101
Octal	307	257	105

Shades and tints

Shades of #C7AF45

#C7AF45
(199,175,69)

#B5A03F
(181,160,63)

#A39139
(163,145,57)

#918233
(145,130,51)

#7F732D
(127,115,45)

#6D6427
(109,100,39)

#5B5521
(91,85,33)

#49461B
(73,70,27)

#373715
(55,55,21)

#25280F
(37,40,15)

#131909
(19,25,9)

#000000
(0,0,0)

Tints of #C7AF45

#C7AF45
(199,175,69)

#CCB655
(204,182,85)

#D1BD65
(209,189,101)

#D6C475
(214,196,117)

#DBCB85
(219,203,133)

#E0D295
(224,210,149)

#E5D9A5
(229,217,165)

#EAE0B5
(234,224,181)

#EFE7C5
(239,231,197)

#F4EED5
(244,238,213)

#F9F5E5
(249,245,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C7AF45 color. Also use rgb(199,175,69) instead hex code.

Text Font Color

.myTextColor { color: #C7AF45; }

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

This text font color is #C7AF45.

Background Color

.myBgColor { background-color: #C7AF45; }

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

This div background color is #C7AF45.

Border color

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

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

This div border color is #C7AF45.

Opacity

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

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

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

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

This text has shadow with #C7AF45 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #C7AF45.

Preview

Color preview on black background

This text has color #C7AF45 on black background.

Color preview on white background

This text has color #C7AF45 on white background.

Black color preview on #C7AF45 background

This text has black color on #C7AF45 background.

White color preview on #C7AF45 background

This text has white color on #C7AF45 background.