COLOR #C8873E

HEX: #C8873E
RGB: (200,135,62)

Color info

#C8873E contains mainly red color. Web safe color of #C8873E is #CC9933 (or #C93).

RGB color model

#C8873E color RGB value is (200,135,62).

  • red value is 200;
  • green value is 135;
  • blue value is 62.
RGB:
(200,135,62)
(78%,53%,24%)

RGB channels and saturation

R 200 of 255 = 78%
G 135 of 255 = 53%
B 62 of 255 = 24%

200
135
62

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

Portions of RGB colors in percentages

R + G + B =
200 + 135 + 62 = 397 (100%)
R 200 of 397 ~ 50.38%
G 135 of 397 ~ 34.01%
B 62 of 397 ~ 15.62%

%50.38
%34.01
%15.62

CMYK color model

#C8873E color CMYK value is (0,33,69,22).

  • cyan value is 0.00%
  • magenta value is 32.50%
  • yellow value is 69.00%
  • key color value is 21.57%
CMYK:
(0,33,69,22)
C0M33Y69K22 
(0%,33%,69%,22%)
(0.00/0.33/0.69/0.22)	

CMYK percentages

%0
%32.5
%69
%21.57

Codes

Color #C8873E in popluar color models

C8873E
RGB20013562
HSL32°55.65%51.37%
HSB/HSV32°69.00%78.43%
CMYK0.00%32.50%69.00%
21.57%

Color #C8873E in popluar number systems.

HEXC8873E
Decimal20013562
Binary1100100010000111111110
Octal31020776

Shades and tints

Shades of #C8873E

#C8873E
(200,135,62)
#B67B39
(182,123,57)
#A46F34
(164,111,52)
#92632F
(146,99,47)
#80572A
(128,87,42)
#6E4B25
(110,75,37)
#5C3F20
(92,63,32)
#4A331B
(74,51,27)
#382716
(56,39,22)
#261B11
(38,27,17)
#140F0C
(20,15,12)
#000000
(0,0,0)

Tints of #C8873E

#C8873E
(200,135,62)
#CD914F
(205,145,79)
#D29B60
(210,155,96)
#D7A571
(215,165,113)
#DCAF82
(220,175,130)
#E1B993
(225,185,147)
#E6C3A4
(230,195,164)
#EBCDB5
(235,205,181)
#F0D7C6
(240,215,198)
#F5E1D7
(245,225,215)
#FAEBE8
(250,235,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C8873E color. Also use rgb(200,135,62) instead hex code.

Text Font Color

.myTextColor { color: #C8873E; }

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

This text font color is #C8873E.


Background Color

.myBgColor { background-color: #C8873E; }

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

This div background color is #C8873E.


Border color

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

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

This div border color is #C8873E.


Opacity

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

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

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

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

This text has shadow with #C8873E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C8873E on black background.


Color preview on white background

This text has color #C8873E on white background.



Black color preview on #C8873E background

This text has black color on #C8873E background.


White color preview on #C8873E background

This text has white color on #C8873E background.