COLOR #C77593

HEX: #C77593
RGB: (199,117,147)

Color info

#C77593 contains mainly red and blue colors. Web safe color of #C77593 is #CC6699 (or #C69).

RGB color model

#C77593 color RGB value is (199,117,147).

  • red value is 199;
  • green value is 117;
  • blue value is 147.
RGB:
(199,117,147)
(78%,46%,58%)

RGB channels and saturation

R 199 of 255 = 78%
G 117 of 255 = 46%
B 147 of 255 = 58%

199
117
147

R + G + B ~ 61%. #C77593 is quite light color.

Portions of RGB colors in percentages

R + G + B =
199 + 117 + 147 = 463 (100%)
R 199 of 463 ~ 42.98%
G 117 of 463 ~ 25.27%
B 147 of 463 ~ 31.75%

%42.98
%25.27
%31.75

CMYK color model

#C77593 color CMYK value is (0,41,26,22).

  • cyan value is 0.00%
  • magenta value is 41.21%
  • yellow value is 26.13%
  • key color value is 21.96%
CMYK:
(0,41,26,22)
C0M41Y26K22 
(0%,41%,26%,22%)
(0.00/0.41/0.26/0.22)	

CMYK percentages

%0
%41.21
%26.13
%21.96

Codes

Color #C77593 in popluar color models

C77593
RGB199117147
HSL338°42.27%61.96%
HSB/HSV338°41.21%78.04%
CMYK0.00%41.21%26.13%
21.96%

Color #C77593 in popluar number systems.

HEXC77593
Decimal199117147
Binary11000111111010110010011
Octal307165223

Shades and tints

Shades of #C77593

#C77593
(199,117,147)
#B56B86
(181,107,134)
#A36179
(163,97,121)
#91576C
(145,87,108)
#7F4D5F
(127,77,95)
#6D4352
(109,67,82)
#5B3945
(91,57,69)
#492F38
(73,47,56)
#37252B
(55,37,43)
#251B1E
(37,27,30)
#131111
(19,17,17)
#000000
(0,0,0)

Tints of #C77593

#C77593
(199,117,147)
#CC819C
(204,129,156)
#D18DA5
(209,141,165)
#D699AE
(214,153,174)
#DBA5B7
(219,165,183)
#E0B1C0
(224,177,192)
#E5BDC9
(229,189,201)
#EAC9D2
(234,201,210)
#EFD5DB
(239,213,219)
#F4E1E4
(244,225,228)
#F9EDED
(249,237,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C77593 color. Also use rgb(199,117,147) instead hex code.

Text Font Color

.myTextColor { color: #C77593; }

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

This text font color is #C77593.


Background Color

.myBgColor { background-color: #C77593; }

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

This div background color is #C77593.


Border color

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

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

This div border color is #C77593.


Opacity

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

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

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

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

This text has shadow with #C77593 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C77593 on black background.


Color preview on white background

This text has color #C77593 on white background.



Black color preview on #C77593 background

This text has black color on #C77593 background.


White color preview on #C77593 background

This text has white color on #C77593 background.