COLOR #C58273

HEX: #C58273
RGB: (197,130,115)

Color info

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

RGB color model

#C58273 color RGB value is (197,130,115).

  • red value is 197;
  • green value is 130;
  • blue value is 115.
RGB:
(197,130,115)
(77%,51%,45%)

RGB channels and saturation

R 197 of 255 = 77%
G 130 of 255 = 51%
B 115 of 255 = 45%

197
130
115

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

Portions of RGB colors in percentages

R + G + B =
197 + 130 + 115 = 442 (100%)
R 197 of 442 ~ 44.57%
G 130 of 442 ~ 29.41%
B 115 of 442 ~ 26.02%

%44.57
%29.41
%26.02

CMYK color model

#C58273 color CMYK value is (0,34,42,23).

  • cyan value is 0.00%
  • magenta value is 34.01%
  • yellow value is 41.62%
  • key color value is 22.75%
CMYK:
(0,34,42,23)
C0M34Y42K23 
(0%,34%,42%,23%)
(0.00/0.34/0.42/0.23)	

CMYK percentages

%0
%34.01
%41.62
%22.75

Codes

Color #C58273 in popluar color models

C58273
RGB197130115
HSL11°41.41%61.18%
HSB/HSV11°41.62%77.25%
CMYK0.00%34.01%41.62%
22.75%

Color #C58273 in popluar number systems.

HEXC58273
Decimal197130115
Binary11000101100000101110011
Octal305202163

Shades and tints

Shades of #C58273

#C58273
(197,130,115)
#B47769
(180,119,105)
#A36C5F
(163,108,95)
#926155
(146,97,85)
#81564B
(129,86,75)
#704B41
(112,75,65)
#5F4037
(95,64,55)
#4E352D
(78,53,45)
#3D2A23
(61,42,35)
#2C1F19
(44,31,25)
#1B140F
(27,20,15)
#000000
(0,0,0)

Tints of #C58273

#C58273
(197,130,115)
#CA8D7F
(202,141,127)
#CF988B
(207,152,139)
#D4A397
(212,163,151)
#D9AEA3
(217,174,163)
#DEB9AF
(222,185,175)
#E3C4BB
(227,196,187)
#E8CFC7
(232,207,199)
#EDDAD3
(237,218,211)
#F2E5DF
(242,229,223)
#F7F0EB
(247,240,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C58273 color. Also use rgb(197,130,115) instead hex code.

Text Font Color

.myTextColor { color: #C58273; }

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

This text font color is #C58273.


Background Color

.myBgColor { background-color: #C58273; }

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

This div background color is #C58273.


Border color

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

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

This div border color is #C58273.


Opacity

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

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

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

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

This text has shadow with #C58273 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C58273 on black background.


Color preview on white background

This text has color #C58273 on white background.



Black color preview on #C58273 background

This text has black color on #C58273 background.


White color preview on #C58273 background

This text has white color on #C58273 background.