#B70C63 Color Information


In the RGB color space, #B70C63 is composed of 71.7647% red, 4.7059% green, and 38.8235% blue.

In the CMYK color space, #B70C63 is composed of 0% cyan, 93.44% magenta, 45.9% yellow, and 28.24% black,

It has a hue angle of 329.5 degrees, a saturation of 87.68%, and a lightness of 38.23%.

The closest websafe color is #CC0066.

#B70C63 RGB Values

#B70C63 CMYK Values



#B70C63 Color Conversion


The hexadecimal color #B70C63 has RGB values of R:183, G:12, B:99 and CMYK values of C:0, M:93.44, Y:45.9, K:28.24. It has a decimal value of 11996259.


Hexadecimal #B70C63 #B70C63
RGB Decimal 183, 12, 99 rgb(183, 12, 99)
RGB Percent 71.7647, 4.7059, 38.8235 rgb(71.7647%, 4.7059%, 38.8235%)
RGB Proportion 0.7176, 0.0471, 0.3882 rgb(0.7176, 0.0471, 0.3882)
CMYK 0, 93.44, 45.9, 28.24
HSL 329.5ยบ, 87.68, 38.23 hsl(329.5, 87.68%, 38.23%)
Websafe CC0066 #CC0066
XYZ 21.909, 11.23, 12.815
Yxy 11.23, 0.477, 0.244
CIE-LAB 39.965, 65.342, -1.521
CIE-LCH 39.965, 65.36, 358.667
CIE-LUV 39.965, 96.208, -13.822
Hunter-Lab 33.511, 58.055, 0.785

Color Schemes For #B70C63


Colors that go well with #B70C63.

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

Alternatives to #B70C63


Colors similar to #B70C63.


#B70C63 Preview


Common HTML and CSS shortcodes for #B70C63.

Text with color #B70C63


The quick brown fox jumps over the lazy dog.

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

#B70C63 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #B70C63


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B70C63


Linear gradient from #B70C63 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B70C63


Radial gradient from #B70C63 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B70C63 and its Complementary Color


Linear gradient from #B70C63 to #48F39C.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B70C63 and its Complementary Color


Radial gradient from #B70C63 to #48F39C.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #B70C63; } .background { background-color: #B70C63; } .border { border: 1px solid #B70C63; } .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 #B70C63


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

Shades


Tints

Random Colors