COLOR #C57556

HEX: #C57556 RGB: (197,117,86)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#C57556 contains mainly red color. Web safe color of #C57556 is #CC6666 (or #C66).

RGB color model

#C57556 color RGB value is (197,117,86).

red value is 197;
green value is 117;
blue value is 86.

RGB: (197,117,86) (77%, 46%, 34%)

RGB channels and saturation

R 197 of 255 = 77%
G 117 of 255 = 46%
B 86 of 255 = 34%

197

117

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

Portions of RGB colors in percentages

R + G + B = 197 + 117 + 86 = 400 (100%)
R 197 of 400 ~ 49.25%
G 117 of 400 ~ 29.25%
B 86 of 400 ~ 21.5'%

%49.25

%29.25

%21.5

CMYK color model

#C57556 color CMYK value is (0,41,56,23).

cyan value is 0.00%
magenta value is 40.61%
yellow value is 56.35%
key color value is 22.75%

CMYK: (0,41,56,23) C0M41Y56K23 (0%,41%,56%,23%) (0.00/0.41/0.56/0.23)

CMYK percentages

%40.61

%56.35

%22.75

Codes

Color #C57556 in popluar color models

	C5	75	56
RGB	197	117	86
HSL	17°	48.90%	55.49%
HSB/HSV	17°	56.35%	77.25%
CMYK	0.00%	40.61%	56.35%
CMYK	22.75%

Color #C57556 in popluar number systems.

HEX	C5	75	56
Decimal	197	117	86
Binary	11000101	1110101	1010110
Octal	305	165	126

Shades and tints

Shades of #C57556

#C57556
(197,117,86)

#B46B4F
(180,107,79)

#A36148
(163,97,72)

#925741
(146,87,65)

#814D3A
(129,77,58)

#704333
(112,67,51)

#5F392C
(95,57,44)

#4E2F25
(78,47,37)

#3D251E
(61,37,30)

#2C1B17
(44,27,23)

#1B1110
(27,17,16)

#000000
(0,0,0)

Tints of #C57556

#C57556
(197,117,86)

#CA8165
(202,129,101)

#CF8D74
(207,141,116)

#D49983
(212,153,131)

#D9A592
(217,165,146)

#DEB1A1
(222,177,161)

#E3BDB0
(227,189,176)

#E8C9BF
(232,201,191)

#EDD5CE
(237,213,206)

#F2E1DD
(242,225,221)

#F7EDEC
(247,237,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C57556 color. Also use rgb(197,117,86) instead hex code.

Text Font Color

.myTextColor { color: #C57556; }

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

This text font color is #C57556.

Background Color

.myBgColor { background-color: #C57556; }

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

This div background color is #C57556.

Border color

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

This div border color is #C57556.

Opacity

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

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

This text has shadow with #C57556 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #C57556.