Color #BB689A

Color info

#BB689A contains mainly red and blue colors. Web safe color of #BB689A is #CC6699 (or #C69).

RGB color model

#BB689A color RGB value is (187,104,154).

red value is 187;
green value is 104;
blue value is 154.

RGB: (187,104,154) (73%, 41%, 60%)

RGB channels and saturation

R 187 of 255 = 73%
G 104 of 255 = 41%
B 154 of 255 = 60%

187

104

154

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

Portions of RGB colors in percentages

R + G + B = 187 + 104 + 154 = 445 (100%)
R 187 of 445 ~ 42.02%
G 104 of 445 ~ 23.37%
B 154 of 445 ~ 34.61'%

%42.02

%23.37

%34.61

CMYK color model

#BB689A color CMYK value is (0,44,18,27).

cyan value is 0.00%
magenta value is 44.39%
yellow value is 17.65%
key color value is 26.67%

CMYK: (0,44,18,27)
C0M44Y18K27 (0%, 44%, 18%, 27%)
(0.00 / 0.44 / 0.18 / 0.27)

CMYK percentages

%0

%44.39

%17.65

%26.67

Codes

Color #BB689A in popluar color models

	BB	68	9A
RGB	187	104	154
HSL	324°	37.90%	57.06%
HSB/HSV	324°	44.39%	73.33%
CMYK	0.00%	44.39%	17.65%
CMYK	26.67%

Color #BB689A in popluar number systems.

HEX	BB	68	9A
Decimal	187	104	154
Binary	10111011	1101000	10011010
Octal	273	150	232

Shades and tints

Shades of #BB689A

#BB689A
(187,104,154)

#AA5F8C
(170,95,140)

#99567E
(153,86,126)

#884D70
(136,77,112)

#774462
(119,68,98)

#663B54
(102,59,84)

#553246
(85,50,70)

#442938
(68,41,56)

#33202A
(51,32,42)

#22171C
(34,23,28)

#110E0E
(17,14,14)

#000000
(0,0,0)

Tints of #BB689A

#BB689A
(187,104,154)

#C175A3
(193,117,163)

#C782AC
(199,130,172)

#CD8FB5
(205,143,181)

#D39CBE
(211,156,190)

#D9A9C7
(217,169,199)

#DFB6D0
(223,182,208)

#E5C3D9
(229,195,217)

#EBD0E2
(235,208,226)

#F1DDEB
(241,221,235)

#F7EAF4
(247,234,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BB689A color. Also use rgb(187,104,154) instead hex code.

Text Font Color

.myTextColor { color: #BB689A; }

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

This text font color is #BB689A.

Background Color

.myBgColor { background-color: #BB689A; }

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

This div background color is #BB689A.

Border color

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

This div border color is #BB689A.

Opacity

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

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

This text has shadow with #BB689A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BB689A.