COLOR #C88C51

HEX: #C88C51
RGB: (200,140,81)

Color info

#C88C51 contains mainly red color. Web safe color of #C88C51 is #CC9966 (or #C96).

RGB color model

#C88C51 color RGB value is (200,140,81).

  • red value is 200;
  • green value is 140;
  • blue value is 81.
RGB:
(200,140,81)
(78%,55%,32%)

RGB channels and saturation

R 200 of 255 = 78%
G 140 of 255 = 55%
B 81 of 255 = 32%

200
140
81

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

Portions of RGB colors in percentages

R + G + B =
200 + 140 + 81 = 421 (100%)
R 200 of 421 ~ 47.51%
G 140 of 421 ~ 33.25%
B 81 of 421 ~ 19.24%

%47.51
%33.25
%19.24

CMYK color model

#C88C51 color CMYK value is (0,30,60,22).

  • cyan value is 0.00%
  • magenta value is 30.00%
  • yellow value is 59.50%
  • key color value is 21.57%
CMYK:
(0,30,60,22)
C0M30Y60K22 
(0%,30%,60%,22%)
(0.00/0.30/0.60/0.22)	

CMYK percentages

%0
%30
%59.5
%21.57

Codes

Color #C88C51 in popluar color models

C88C51
RGB20014081
HSL30°51.97%55.10%
HSB/HSV30°59.50%78.43%
CMYK0.00%30.00%59.50%
21.57%

Color #C88C51 in popluar number systems.

HEXC88C51
Decimal20014081
Binary11001000100011001010001
Octal310214121

Shades and tints

Shades of #C88C51

#C88C51
(200,140,81)
#B6804A
(182,128,74)
#A47443
(164,116,67)
#92683C
(146,104,60)
#805C35
(128,92,53)
#6E502E
(110,80,46)
#5C4427
(92,68,39)
#4A3820
(74,56,32)
#382C19
(56,44,25)
#262012
(38,32,18)
#14140B
(20,20,11)
#000000
(0,0,0)

Tints of #C88C51

#C88C51
(200,140,81)
#CD9660
(205,150,96)
#D2A06F
(210,160,111)
#D7AA7E
(215,170,126)
#DCB48D
(220,180,141)
#E1BE9C
(225,190,156)
#E6C8AB
(230,200,171)
#EBD2BA
(235,210,186)
#F0DCC9
(240,220,201)
#F5E6D8
(245,230,216)
#FAF0E7
(250,240,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C88C51 color. Also use rgb(200,140,81) instead hex code.

Text Font Color

.myTextColor { color: #C88C51; }

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

This text font color is #C88C51.


Background Color

.myBgColor { background-color: #C88C51; }

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

This div background color is #C88C51.


Border color

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

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

This div border color is #C88C51.


Opacity

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

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

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

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

This text has shadow with #C88C51 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C88C51 on black background.


Color preview on white background

This text has color #C88C51 on white background.



Black color preview on #C88C51 background

This text has black color on #C88C51 background.


White color preview on #C88C51 background

This text has white color on #C88C51 background.