COLOR #BB30B6

HEX: #BB30B6 RGB: (187,48,182)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#BB30B6 color RGB value is (187,48,182).

red value is 187;
green value is 48;
blue value is 182.

RGB: (187,48,182) (73%, 19%, 71%)

RGB channels and saturation

R 187 of 255 = 73%
G 48 of 255 = 19%
B 182 of 255 = 71%

187

182

R + G + B ~ 54%. #BB30B6 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 187 + 48 + 182 = 417 (100%)
R 187 of 417 ~ 44.84%
G 48 of 417 ~ 11.51%
B 182 of 417 ~ 43.65'%

%44.84

%11.51

%43.65

CMYK color model

#BB30B6 color CMYK value is (0,74,3,27).

cyan value is 0.00%
magenta value is 74.33%
yellow value is 2.67%
key color value is 26.67%

CMYK: (0,74,3,27) C0M74Y3K27 (0%,74%,3%,27%) (0.00/0.74/0.03/0.27)

CMYK percentages

%74.33

%2.67

%26.67

Codes

Color #BB30B6 in popluar color models

	BB	30	B6
RGB	187	48	182
HSL	302°	59.15%	46.08%
HSB/HSV	302°	74.33%	73.33%
CMYK	0.00%	74.33%	2.67%
CMYK	26.67%

Color #BB30B6 in popluar number systems.

HEX	BB	30	B6
Decimal	187	48	182
Binary	10111011	110000	10110110
Octal	273	60	266

Shades and tints

Shades of #BB30B6

#BB30B6
(187,48,182)

#AA2CA6
(170,44,166)

#992896
(153,40,150)

#882486
(136,36,134)

#772076
(119,32,118)

#661C66
(102,28,102)

#551856
(85,24,86)

#441446
(68,20,70)

#331036
(51,16,54)

#220C26
(34,12,38)

#110816
(17,8,22)

#000000
(0,0,0)

Tints of #BB30B6

#BB30B6
(187,48,182)

#C142BC
(193,66,188)

#C754C2
(199,84,194)

#CD66C8
(205,102,200)

#D378CE
(211,120,206)

#D98AD4
(217,138,212)

#DF9CDA
(223,156,218)

#E5AEE0
(229,174,224)

#EBC0E6
(235,192,230)

#F1D2EC
(241,210,236)

#F7E4F2
(247,228,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BB30B6 color. Also use rgb(187,48,182) instead hex code.

Text Font Color

.myTextColor { color: #BB30B6; }

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

This text font color is #BB30B6.

Background Color

.myBgColor { background-color: #BB30B6; }

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

This div background color is #BB30B6.

Border color

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

This div border color is #BB30B6.

Opacity

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

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

This text has shadow with #BB30B6 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BB30B6.