Color #BD6CCA

Color info

#BD6CCA contains mainly red and blue colors. Web safe color of #BD6CCA is #CC66CC (or #C6C).

RGB color model

#BD6CCA color RGB value is (189,108,202).

red value is 189;
green value is 108;
blue value is 202.

RGB: (189,108,202) (74%, 42%, 79%)

RGB channels and saturation

R 189 of 255 = 74%
G 108 of 255 = 42%
B 202 of 255 = 79%

189

108

202

R + G + B ~ 65%. #BD6CCA is quite light color.

Portions of RGB colors in percentages

R + G + B = 189 + 108 + 202 = 499 (100%)
R 189 of 499 ~ 37.88%
G 108 of 499 ~ 21.64%
B 202 of 499 ~ 40.48'%

%37.88

%21.64

%40.48

CMYK color model

#BD6CCA color CMYK value is (6,47,0,21).

cyan value is 6.44%
magenta value is 46.53%
yellow value is 0.00%
key color value is 20.78%

CMYK: (6,47,0,21)
C6M47Y0K21 (6%, 47%, 0%, 21%)
(0.06 / 0.47 / 0.00 / 0.21)

CMYK percentages

%6.44

%46.53

%0

%20.78

Codes

Color #BD6CCA in popluar color models

	BD	6C	CA
RGB	189	108	202
HSL	292°	47.00%	60.78%
HSB/HSV	292°	46.53%	79.22%
CMYK	6.44%	46.53%	0.00%
CMYK	20.78%

Color #BD6CCA in popluar number systems.

HEX	BD	6C	CA
Decimal	189	108	202
Binary	10111101	1101100	11001010
Octal	275	154	312

Shades and tints

Shades of #BD6CCA

#BD6CCA
(189,108,202)

#AC63B8
(172,99,184)

#9B5AA6
(155,90,166)

#8A5194
(138,81,148)

#794882
(121,72,130)

#683F70
(104,63,112)

#57365E
(87,54,94)

#462D4C
(70,45,76)

#35243A
(53,36,58)

#241B28
(36,27,40)

#131216
(19,18,22)

#000000
(0,0,0)

Tints of #BD6CCA

#BD6CCA
(189,108,202)

#C379CE
(195,121,206)

#C986D2
(201,134,210)

#CF93D6
(207,147,214)

#D5A0DA
(213,160,218)

#DBADDE
(219,173,222)

#E1BAE2
(225,186,226)

#E7C7E6
(231,199,230)

#EDD4EA
(237,212,234)

#F3E1EE
(243,225,238)

#F9EEF2
(249,238,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BD6CCA color. Also use rgb(189,108,202) instead hex code.

Text Font Color

.myTextColor { color: #BD6CCA; }

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

This text font color is #BD6CCA.

Background Color

.myBgColor { background-color: #BD6CCA; }

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

This div background color is #BD6CCA.

Border color

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

This div border color is #BD6CCA.

Opacity

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

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

This text has shadow with #BD6CCA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BD6CCA.