Color #B47AFF

Color info

#B47AFF contains mainly blue color. Web safe color of #B47AFF is #CC66FF (or #C6F).

RGB color model

#B47AFF color RGB value is (180,122,255).

red value is 180;
green value is 122;
blue value is 255.

RGB:
(180,122,255)
(71%,48%,100%)

RGB channels and saturation

R 180 of 255 = 71%
G 122 of 255 = 48%
B 255 of 255 = 100%

180

122

255

R + G + B ~ 73%. #B47AFF is quite light color.

Portions of RGB colors in percentages

R + G + B =
180 + 122 + 255 = 557 (100%)
R 180 of 557 ~ 32.32%
G 122 of 557 ~ 21.9%
B 255 of 557 ~ 45.78%

%32.32

%21.9

%45.78

CMYK color model

#B47AFF color CMYK value is (29,52,0,0).

cyan value is 29.41%
magenta value is 52.16%
yellow value is 0.00%
key color value is 0.00%

CMYK:
(29,52,0,0)
C29M52Y0K0 
(29%,52%,0%,0%)
(0.29/0.52/0.00/0.00)

CMYK percentages

%29.41

%52.16

Codes

Color #B47AFF in popluar color models

	B4	7A	FF
RGB	180	122	255
HSL	266°	100.00%	73.92%
HSB/HSV	266°	52.16%	100.00%
CMYK	29.41%	52.16%	0.00%
CMYK	0.00%

Color #B47AFF in popluar number systems.

HEX	B4	7A	FF
Decimal	180	122	255
Binary	10110100	1111010	11111111
Octal	264	172	377

Shades and tints

Shades of #B47AFF

#B47AFF
(180,122,255)

#A46FE8
(164,111,232)

#9464D1
(148,100,209)

#8459BA
(132,89,186)

#744EA3
(116,78,163)

#64438C
(100,67,140)

#543875
(84,56,117)

#442D5E
(68,45,94)

#342247
(52,34,71)

#241730
(36,23,48)

#140C19
(20,12,25)

#000000
(0,0,0)

Tints of #B47AFF

#B47AFF
(180,122,255)

#BA86FF
(186,134,255)

#C092FF
(192,146,255)

#C69EFF
(198,158,255)

#CCAAFF
(204,170,255)

#D2B6FF
(210,182,255)

#D8C2FF
(216,194,255)

#DECEFF
(222,206,255)

#E4DAFF
(228,218,255)

#EAE6FF
(234,230,255)

#F0F2FF
(240,242,255)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B47AFF color. Also use rgb(180,122,255) instead hex code.

Text Font Color

.myTextColor { color: #B47AFF; }

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

This text font color is #B47AFF.

Background Color

.myBgColor { background-color: #B47AFF; }

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

This div background color is #B47AFF.

Border color

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

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

This div border color is #B47AFF.

Opacity

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

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

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

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

This text has shadow with #B47AFF color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B47AFF.

Preview

Color preview on black background

This text has color #B47AFF on black background.

Color preview on white background

This text has color #B47AFF on white background.

Black color preview on #B47AFF background

This text has black color on #B47AFF background.

White color preview on #B47AFF background

This text has white color on #B47AFF background.