#BC10A5 Color Information


In the RGB color space, #BC10A5 is composed of 73.7255% red, 6.2745% green, and 64.7059% blue.

In the CMYK color space, #BC10A5 is composed of 0% cyan, 91.5% magenta, 12.23% yellow, and 26.27% black,

It has a hue angle of 308.0 degrees, a saturation of 84.33%, and a lightness of 40%.

The closest websafe color is #CC0099.

#BC10A5 RGB Values

#BC10A5 CMYK Values



#BC10A5 Color Conversion


The hexadecimal color #BC10A5 has RGB values of R:188, G:16, B:165 and CMYK values of C:0, M:91.5, Y:12.23, K:26.27. It has a decimal value of 12325029.


Hexadecimal #BC10A5 #BC10A5
RGB Decimal 188, 16, 165 rgb(188, 16, 165)
RGB Percent 73.7255, 6.2745, 64.7059 rgb(73.7255%, 6.2745%, 64.7059%)
RGB Proportion 0.7373, 0.0627, 0.6471 rgb(0.7373, 0.0627, 0.6471)
CMYK 0, 91.5, 12.23, 26.27
HSL 308.0ยบ, 84.33, 40 hsl(308.0, 84.33%, 40%)
Websafe CC0099 #CC0099
XYZ 27.719, 13.78, 36.801
Yxy 13.78, 0.354, 0.176
CIE-LAB 43.916, 73.318, -36.012
CIE-LCH 43.916, 81.685, 333.841
CIE-LUV 43.916, 70.625, -62.042
Hunter-Lab 37.121, 68.326, -32.793

Color Schemes For #BC10A5


Colors that go well with #BC10A5.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #BC10A5


Colors similar to #BC10A5.


#BC10A5 Preview


Common HTML and CSS shortcodes for #BC10A5.

Text with color #BC10A5


The quick brown fox jumps over the lazy dog.

<div style="color: #BC10A5;">The quick brown fox jumps over the lazy dog.</div>

#BC10A5 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #BC10A5;">The quick brown fox jumps over the lazy dog.</div>

Border with #BC10A5


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #BC10A5;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #BC10A5


Linear gradient from #BC10A5 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#BC10A5, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #BC10A5


Radial gradient from #BC10A5 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#BC10A5, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #BC10A5 and its Complementary Color


Linear gradient from #BC10A5 to #43EF5A.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#BC10A5, #43EF5A);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #BC10A5 and its Complementary Color


Radial gradient from #BC10A5 to #43EF5A.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#BC10A5, #43EF5A);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #BC10A5; } .background { background-color: #BC10A5; } .border { border: 1px solid #BC10A5; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #BC10A5


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #030003 while the lightest tint is #FEFAFE.

Shades


Tints

Random Colors