COLOR #C59CBC

HEX: #C59CBC
RGB: (197,156,188)

Color info

#C59CBC contains red, green and blue colors in about the same proportion. Web safe color of #C59CBC is #CC99CC (or #C9C).

RGB color model

#C59CBC color RGB value is (197,156,188).

  • red value is 197;
  • green value is 156;
  • blue value is 188.
RGB:
(197,156,188)
(77%,61%,74%)

RGB channels and saturation

R 197 of 255 = 77%
G 156 of 255 = 61%
B 188 of 255 = 74%

197
156
188

R + G + B ~ 71%. #C59CBC is quite light color.

Portions of RGB colors in percentages

R + G + B =
197 + 156 + 188 = 541 (100%)
R 197 of 541 ~ 36.41%
G 156 of 541 ~ 28.84%
B 188 of 541 ~ 34.75%

%36.41
%28.84
%34.75

CMYK color model

#C59CBC color CMYK value is (0,21,5,23).

  • cyan value is 0.00%
  • magenta value is 20.81%
  • yellow value is 4.57%
  • key color value is 22.75%
CMYK:
(0,21,5,23)
C0M21Y5K23 
(0%,21%,5%,23%)
(0.00/0.21/0.05/0.23)	

CMYK percentages

%0
%20.81
%4.57
%22.75

Codes

Color #C59CBC in popluar color models

C59CBC
RGB197156188
HSL313°26.11%69.22%
HSB/HSV313°20.81%77.25%
CMYK0.00%20.81%4.57%
22.75%

Color #C59CBC in popluar number systems.

HEXC59CBC
Decimal197156188
Binary110001011001110010111100
Octal305234274

Shades and tints

Shades of #C59CBC

#C59CBC
(197,156,188)
#B48EAB
(180,142,171)
#A3809A
(163,128,154)
#927289
(146,114,137)
#816478
(129,100,120)
#705667
(112,86,103)
#5F4856
(95,72,86)
#4E3A45
(78,58,69)
#3D2C34
(61,44,52)
#2C1E23
(44,30,35)
#1B1012
(27,16,18)
#000000
(0,0,0)

Tints of #C59CBC

#C59CBC
(197,156,188)
#CAA5C2
(202,165,194)
#CFAEC8
(207,174,200)
#D4B7CE
(212,183,206)
#D9C0D4
(217,192,212)
#DEC9DA
(222,201,218)
#E3D2E0
(227,210,224)
#E8DBE6
(232,219,230)
#EDE4EC
(237,228,236)
#F2EDF2
(242,237,242)
#F7F6F8
(247,246,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C59CBC color. Also use rgb(197,156,188) instead hex code.

Text Font Color

.myTextColor { color: #C59CBC; }

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

This text font color is #C59CBC.


Background Color

.myBgColor { background-color: #C59CBC; }

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

This div background color is #C59CBC.


Border color

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

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

This div border color is #C59CBC.


Opacity

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

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

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

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

This text has shadow with #C59CBC color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C59CBC on black background.


Color preview on white background

This text has color #C59CBC on white background.



Black color preview on #C59CBC background

This text has black color on #C59CBC background.


White color preview on #C59CBC background

This text has white color on #C59CBC background.