Color #BF48E4

Color info

#BF48E4 contains mainly red and blue colors. Web safe color of #BF48E4 is #CC33CC (or #C3C).

RGB color model

#BF48E4 color RGB value is (191,72,228).

red value is 191;
green value is 72;
blue value is 228.

RGB: (191,72,228) (75%, 28%, 89%)

RGB channels and saturation

R 191 of 255 = 75%
G 72 of 255 = 28%
B 228 of 255 = 89%

191

72

228

R + G + B ~ 64%. #BF48E4 is quite light color.

Portions of RGB colors in percentages

R + G + B = 191 + 72 + 228 = 491 (100%)
R 191 of 491 ~ 38.9%
G 72 of 491 ~ 14.66%
B 228 of 491 ~ 46.44'%

%38.9

%14.66

%46.44

CMYK color model

#BF48E4 color CMYK value is (16,68,0,11).

cyan value is 16.23%
magenta value is 68.42%
yellow value is 0.00%
key color value is 10.59%

CMYK: (16,68,0,11)
C16M68Y0K11 (16%, 68%, 0%, 11%)
(0.16 / 0.68 / 0.00 / 0.11)

CMYK percentages

%16.23

%68.42

%0

%10.59

Codes

Color #BF48E4 in popluar color models

	BF	48	E4
RGB	191	72	228
HSL	286°	74.29%	58.82%
HSB/HSV	286°	68.42%	89.41%
CMYK	16.23%	68.42%	0.00%
CMYK	10.59%

Color #BF48E4 in popluar number systems.

HEX	BF	48	E4
Decimal	191	72	228
Binary	10111111	1001000	11100100
Octal	277	110	344

Shades and tints

Shades of #BF48E4

#BF48E4
(191,72,228)

#AE42D0
(174,66,208)

#9D3CBC
(157,60,188)

#8C36A8
(140,54,168)

#7B3094
(123,48,148)

#6A2A80
(106,42,128)

#59246C
(89,36,108)

#481E58
(72,30,88)

#371844
(55,24,68)

#261230
(38,18,48)

#150C1C
(21,12,28)

#000000
(0,0,0)

Tints of #BF48E4

#BF48E4
(191,72,228)

#C458E6
(196,88,230)

#C968E8
(201,104,232)

#CE78EA
(206,120,234)

#D388EC
(211,136,236)

#D898EE
(216,152,238)

#DDA8F0
(221,168,240)

#E2B8F2
(226,184,242)

#E7C8F4
(231,200,244)

#ECD8F6
(236,216,246)

#F1E8F8
(241,232,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BF48E4 color. Also use rgb(191,72,228) instead hex code.

Text Font Color

.myTextColor { color: #BF48E4; }

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

This text font color is #BF48E4.

Background Color

.myBgColor { background-color: #BF48E4; }

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

This div background color is #BF48E4.

Border color

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

This div border color is #BF48E4.

Opacity

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

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

This text has shadow with #BF48E4 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BF48E4.