COLOR #BC68A2

HEX: #BC68A2 RGB: (188,104,162)

Color info

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

RGB color model

#BC68A2 color RGB value is (188,104,162).

RGB: (188,104,162) (74%, 41%, 64%)

RGB channels and saturation

R 188 of 255 = 74%
G 104 of 255 = 41%
B 162 of 255 = 64%

188
104
162

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

Portions of RGB colors in percentages

R + G + B = 188 + 104 + 162 = 454 (100%)
R 188 of 454 ~ 41.41%
G 104 of 454 ~ 22.91%
B 162 of 454 ~ 35.68'%

%41.41
%22.91
%35.68

CMYK color model

#BC68A2 color CMYK value is (0,45,14,26).

  • cyan value is 0.00%
  • magenta value is 44.68%
  • yellow value is 13.83%
  • key color value is 26.27%

CMYK: (0,45,14,26)
C0M45Y14K26 (0%, 45%, 14%, 26%)
(0.00 / 0.45 / 0.14 / 0.26)

CMYK percentages

%0
%44.68
%13.83
%26.27

Codes

Color #BC68A2 in popluar color models

BC 68 A2
RGB 188 104 162
HSL 319° 38.53% 57.25%
HSB/HSV 319° 44.68% 73.73%
CMYK 0.00% 44.68% 13.83%
26.27%

Color #BC68A2 in popluar number systems.

HEX BC 68 A2
Decimal 188 104 162
Binary 10111100 1101000 10100010
Octal 274 150 242

Shades and tints

Shades of #BC68A2

#BC68A2
(188,104,162)
#AB5F94
(171,95,148)
#9A5686
(154,86,134)
#894D78
(137,77,120)
#78446A
(120,68,106)
#673B5C
(103,59,92)
#56324E
(86,50,78)
#452940
(69,41,64)
#342032
(52,32,50)
#231724
(35,23,36)
#120E16
(18,14,22)
#000000
(0,0,0)

Tints of #BC68A2

#BC68A2
(188,104,162)
#C275AA
(194,117,170)
#C882B2
(200,130,178)
#CE8FBA
(206,143,186)
#D49CC2
(212,156,194)
#DAA9CA
(218,169,202)
#E0B6D2
(224,182,210)
#E6C3DA
(230,195,218)
#ECD0E2
(236,208,226)
#F2DDEA
(242,221,234)
#F8EAF2
(248,234,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BC68A2 color. Also use rgb(188,104,162) instead hex code.

Text Font Color

.myTextColor { color: #BC68A2; }

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

This text font color is #BC68A2.

Background Color

.myBgColor { background-color: #BC68A2; }

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

This div background color is #BC68A2.

Border color

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

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

This div border color is #BC68A2.

Opacity

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

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

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

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

This text has shadow with #BC68A2 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #BC68A2.

Preview

Color preview on black background

This text has color #BC68A2 on black background.


Color preview on white background

This text has color #BC68A2 on white background.


Black color preview on #BC68A2 background

This text has black color on #BC68A2 background.


White color preview on #BC68A2 background

This text has white color on #BC68A2 background.


Related colors

Complementary color

Complementary color for #hex is #43975D.


I love getcolorcode.com

Triadic colors

1 #A2BC68 and #68A2BC with #BC68A2 are triadic colors.

2 #A268BC and #68BCA2 with #BC68A2 are triadic colors.