Color #BD63F3

Color info

#BD63F3 contains mainly red and blue colors. Web safe color of #BD63F3 is #CC66FF (or #C6F).

RGB color model

#BD63F3 color RGB value is (189,99,243).

red value is 189;
green value is 99;
blue value is 243.

RGB:
(189,99,243)
(74%,39%,95%)

RGB channels and saturation

R 189 of 255 = 74%
G 99 of 255 = 39%
B 243 of 255 = 95%

189

243

R + G + B ~ 69%. #BD63F3 is quite light color.

Portions of RGB colors in percentages

R + G + B =
189 + 99 + 243 = 531 (100%)
R 189 of 531 ~ 35.59%
G 99 of 531 ~ 18.64%
B 243 of 531 ~ 45.76%

%35.59

%18.64

%45.76

CMYK color model

#BD63F3 color CMYK value is (22,59,0,5).

cyan value is 22.22%
magenta value is 59.26%
yellow value is 0.00%
key color value is 4.71%

CMYK:
(22,59,0,5)
C22M59Y0K5 
(22%,59%,0%,5%)
(0.22/0.59/0.00/0.05)

CMYK percentages

%22.22

%59.26

%4.71

Codes

Color #BD63F3 in popluar color models

	BD	63	F3
RGB	189	99	243
HSL	278°	85.71%	67.06%
HSB/HSV	278°	59.26%	95.29%
CMYK	22.22%	59.26%	0.00%
CMYK	4.71%

Color #BD63F3 in popluar number systems.

HEX	BD	63	F3
Decimal	189	99	243
Binary	10111101	1100011	11110011
Octal	275	143	363

Shades and tints

Shades of #BD63F3

#BD63F3
(189,99,243)

#AC5ADD
(172,90,221)

#9B51C7
(155,81,199)

#8A48B1
(138,72,177)

#793F9B
(121,63,155)

#683685
(104,54,133)

#572D6F
(87,45,111)

#462459
(70,36,89)

#351B43
(53,27,67)

#24122D
(36,18,45)

#130917
(19,9,23)

#000000
(0,0,0)

Tints of #BD63F3

#BD63F3
(189,99,243)

#C371F4
(195,113,244)

#C97FF5
(201,127,245)

#CF8DF6
(207,141,246)

#D59BF7
(213,155,247)

#DBA9F8
(219,169,248)

#E1B7F9
(225,183,249)

#E7C5FA
(231,197,250)

#EDD3FB
(237,211,251)

#F3E1FC
(243,225,252)

#F9EFFD
(249,239,253)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BD63F3 color. Also use rgb(189,99,243) instead hex code.

Text Font Color

.myTextColor { color: #BD63F3; }

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

This text font color is #BD63F3.

Background Color

.myBgColor { background-color: #BD63F3; }

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

This div background color is #BD63F3.

Border color

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

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

This div border color is #BD63F3.

Opacity

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

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

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

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

This text has shadow with #BD63F3 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BD63F3.

Preview

Color preview on black background

This text has color #BD63F3 on black background.

Color preview on white background

This text has color #BD63F3 on white background.

Black color preview on #BD63F3 background

This text has black color on #BD63F3 background.

White color preview on #BD63F3 background

This text has white color on #BD63F3 background.