COLOR #C7A3CA

HEX: #C7A3CA
RGB: (199,163,202)

Color info

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

RGB color model

#C7A3CA color RGB value is (199,163,202).

  • red value is 199;
  • green value is 163;
  • blue value is 202.
RGB:
(199,163,202)
(78%,64%,79%)

RGB channels and saturation

R 199 of 255 = 78%
G 163 of 255 = 64%
B 202 of 255 = 79%

199
163
202

R + G + B ~ 74%. #C7A3CA is quite light color.

Portions of RGB colors in percentages

R + G + B =
199 + 163 + 202 = 564 (100%)
R 199 of 564 ~ 35.28%
G 163 of 564 ~ 28.9%
B 202 of 564 ~ 35.82%

%35.28
%28.9
%35.82

CMYK color model

#C7A3CA color CMYK value is (1,19,0,21).

  • cyan value is 1.49%
  • magenta value is 19.31%
  • yellow value is 0.00%
  • key color value is 20.78%
CMYK:
(1,19,0,21)
C1M19Y0K21 
(1%,19%,0%,21%)
(0.01/0.19/0.00/0.21)	

CMYK percentages

%1.49
%19.31
%0
%20.78

Codes

Color #C7A3CA in popluar color models

C7A3CA
RGB199163202
HSL295°26.90%71.57%
HSB/HSV295°19.31%79.22%
CMYK1.49%19.31%0.00%
20.78%

Color #C7A3CA in popluar number systems.

HEXC7A3CA
Decimal199163202
Binary110001111010001111001010
Octal307243312

Shades and tints

Shades of #C7A3CA

#C7A3CA
(199,163,202)
#B595B8
(181,149,184)
#A387A6
(163,135,166)
#917994
(145,121,148)
#7F6B82
(127,107,130)
#6D5D70
(109,93,112)
#5B4F5E
(91,79,94)
#49414C
(73,65,76)
#37333A
(55,51,58)
#252528
(37,37,40)
#131716
(19,23,22)
#000000
(0,0,0)

Tints of #C7A3CA

#C7A3CA
(199,163,202)
#CCABCE
(204,171,206)
#D1B3D2
(209,179,210)
#D6BBD6
(214,187,214)
#DBC3DA
(219,195,218)
#E0CBDE
(224,203,222)
#E5D3E2
(229,211,226)
#EADBE6
(234,219,230)
#EFE3EA
(239,227,234)
#F4EBEE
(244,235,238)
#F9F3F2
(249,243,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C7A3CA color. Also use rgb(199,163,202) instead hex code.

Text Font Color

.myTextColor { color: #C7A3CA; }

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

This text font color is #C7A3CA.


Background Color

.myBgColor { background-color: #C7A3CA; }

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

This div background color is #C7A3CA.


Border color

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

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

This div border color is #C7A3CA.


Opacity

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

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

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

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

This text has shadow with #C7A3CA color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C7A3CA on black background.


Color preview on white background

This text has color #C7A3CA on white background.



Black color preview on #C7A3CA background

This text has black color on #C7A3CA background.


White color preview on #C7A3CA background

This text has white color on #C7A3CA background.