#BD4F80 Color Information


In the RGB color space, #BD4F80 is composed of 74.1176% red, 30.9804% green, and 50.1961% blue.

In the CMYK color space, #BD4F80 is composed of 0% cyan, 58.2% magenta, 32.27% yellow, and 25.88% black,

It has a hue angle of 333.3 degrees, a saturation of 45.46%, and a lightness of 52.55%.

The closest websafe color is #CC6699.

#BD4F80 RGB Values

#BD4F80 CMYK Values



#BD4F80 Color Conversion


The hexadecimal color #BD4F80 has RGB values of R:189, G:79, B:128 and CMYK values of C:0, M:58.2, Y:32.27, K:25.88. It has a decimal value of 12406656.


Hexadecimal #BD4F80 #BD4F80
RGB Decimal 189, 79, 128 rgb(189, 79, 128)
RGB Percent 74.1176, 30.9804, 50.1961 rgb(74.1176%, 30.9804%, 50.1961%)
RGB Proportion 0.7412, 0.3098, 0.502 rgb(0.7412, 0.3098, 0.502)
CMYK 0, 58.2, 32.27, 25.88
HSL 333.3ยบ, 45.46, 52.55 hsl(333.3, 45.46%, 52.55%)
Websafe CC6699 #CC6699
XYZ 27.681, 17.97, 22.435
Yxy 17.97, 0.407, 0.264
CIE-LAB 49.46, 49.271, -5.266
CIE-LCH 49.46, 49.552, 353.899
CIE-LUV 49.46, 68.091, -15.866
Hunter-Lab 42.391, 42.375, -1.705

Color Schemes For #BD4F80


Colors that go well with #BD4F80.

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

Alternatives to #BD4F80


Colors similar to #BD4F80.


#BD4F80 Preview


Common HTML and CSS shortcodes for #BD4F80.

Text with color #BD4F80


The quick brown fox jumps over the lazy dog.

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

#BD4F80 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #BD4F80


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BD4F80


Linear gradient from #BD4F80 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BD4F80


Radial gradient from #BD4F80 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BD4F80 and its Complementary Color


Linear gradient from #BD4F80 to #42B07F.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BD4F80 and its Complementary Color


Radial gradient from #BD4F80 to #42B07F.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors