Color #C6A2EB

Color info

#C6A2EB contains mainly red and blue colors. Web safe color of #C6A2EB is #CC99FF (or #C9F).

RGB color model

#C6A2EB color RGB value is (198,162,235).

red value is 198;
green value is 162;
blue value is 235.

RGB:
(198,162,235)
(78%,64%,92%)

RGB channels and saturation

R 198 of 255 = 78%
G 162 of 255 = 64%
B 235 of 255 = 92%

198

162

235

R + G + B ~ 78%. #C6A2EB is quite light color.

Portions of RGB colors in percentages

R + G + B =
198 + 162 + 235 = 595 (100%)
R 198 of 595 ~ 33.28%
G 162 of 595 ~ 27.23%
B 235 of 595 ~ 39.5%

%33.28

%27.23

%39.5

CMYK color model

#C6A2EB color CMYK value is (16,31,0,8).

cyan value is 15.74%
magenta value is 31.06%
yellow value is 0.00%
key color value is 7.84%

CMYK:
(16,31,0,8)
C16M31Y0K8 
(16%,31%,0%,8%)
(0.16/0.31/0.00/0.08)

CMYK percentages

%15.74

%31.06

%7.84

Codes

Color #C6A2EB in popluar color models

	C6	A2	EB
RGB	198	162	235
HSL	270°	64.60%	77.84%
HSB/HSV	270°	31.06%	92.16%
CMYK	15.74%	31.06%	0.00%
CMYK	7.84%

Color #C6A2EB in popluar number systems.

HEX	C6	A2	EB
Decimal	198	162	235
Binary	11000110	10100010	11101011
Octal	306	242	353

Shades and tints

Shades of #C6A2EB

#C6A2EB
(198,162,235)

#B494D6
(180,148,214)

#A286C1
(162,134,193)

#9078AC
(144,120,172)

#7E6A97
(126,106,151)

#6C5C82
(108,92,130)

#5A4E6D
(90,78,109)

#484058
(72,64,88)

#363243
(54,50,67)

#24242E
(36,36,46)

#121619
(18,22,25)

#000000
(0,0,0)

Tints of #C6A2EB

#C6A2EB
(198,162,235)

#CBAAEC
(203,170,236)

#D0B2ED
(208,178,237)

#D5BAEE
(213,186,238)

#DAC2EF
(218,194,239)

#DFCAF0
(223,202,240)

#E4D2F1
(228,210,241)

#E9DAF2
(233,218,242)

#EEE2F3
(238,226,243)

#F3EAF4
(243,234,244)

#F8F2F5
(248,242,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C6A2EB color. Also use rgb(198,162,235) instead hex code.

Text Font Color

.myTextColor { color: #C6A2EB; }

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

This text font color is #C6A2EB.

Background Color

.myBgColor { background-color: #C6A2EB; }

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

This div background color is #C6A2EB.

Border color

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

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

This div border color is #C6A2EB.

Opacity

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

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

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

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

This text has shadow with #C6A2EB color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #C6A2EB.

Preview

Color preview on black background

This text has color #C6A2EB on black background.

Color preview on white background

This text has color #C6A2EB on white background.

Black color preview on #C6A2EB background

This text has black color on #C6A2EB background.

White color preview on #C6A2EB background

This text has white color on #C6A2EB background.