#bd4877 hex color

In a RGB color space, hex #bd4877 is composed of 74.1% red, 28.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.9% magenta, 37% yellow and 25.9% black. It has a hue angle of 335.9 degrees, a saturation of 47% and a lightness of 51.2%. #bd4877 color hex could be obtained by blending #ff90ee with #7b0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 74
- G 28
- B 47
RGB color chart
- C 0
- M 62
- Y 37
- K 26
CMYK color chart

● #bd4877 color description : Moderate pink.

The hexadecimal color #bd4877 has RGB values of R:189, G:72, B:119 and CMYK values of C:0, M:0.62, Y:0.37, K:0.26. Its decimal value is 12404855.

Hex triplet	bd4877	`#bd4877`
RGB Decimal	189, 72, 119	`rgb(189,72,119)`
RGB Percent	74.1, 28.2, 46.7	`rgb(74.1%,28.2%,46.7%)`
CMYK	0, 62, 37, 26
HSL	335.9°, 47, 51.2	`hsl(335.9,47%,51.2%)`
HSV (or HSB)	335.9°, 61.9, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.992, 51.366, -1.997
XYZ	26.634, 16.788, 19.29
xyY	0.425, 0.268, 16.788
CIE-LCH	47.992, 51.405, 357.774
CIE-LUV	47.992, 74.198, -11.91
Hunter-Lab	40.973, 44.329, 0.768
Binary	10111101, 01001000, 01110111

#bd4877
```
#bd4877 rgb(189,72,119)
```
#48bd8e
```
#48bd8e rgb(72,189,142)
```

Complementary Color

#bd48b2
```
#bd48b2 rgb(189,72,178)
```
#bd4877
```
#bd4877 rgb(189,72,119)
```
#bd5448
```
#bd5448 rgb(189,84,72)
```

Analogous Color

#48b2bd
```
#48b2bd rgb(72,178,189)
```
#bd4877
```
#bd4877 rgb(189,72,119)
```
#48bd54
```
#48bd54 rgb(72,189,84)
```

Split Complementary Color

#4877bd
```
#4877bd rgb(72,119,189)
```
#bd4877
```
#bd4877 rgb(189,72,119)
```
#77bd48
```
#77bd48 rgb(119,189,72)
```

Triadic Color

#8e48bd
```
#8e48bd rgb(142,72,189)
```
#bd4877
```
#bd4877 rgb(189,72,119)
```
#77bd48
```
#77bd48 rgb(119,189,72)
```
#48bd8e
```
#48bd8e rgb(72,189,142)
```

Tetradic Color

#883154
```
#883154 rgb(136,49,84)
```
#9a385f
```
#9a385f rgb(154,56,95)
```
#ad3e6b
```
#ad3e6b rgb(173,62,107)
```
#bd4877
```
#bd4877 rgb(189,72,119)
```
#c45b85
```
#c45b85 rgb(196,91,133)
```
#cb6d93
```
#cb6d93 rgb(203,109,147)
```
#d180a1
```
#d180a1 rgb(209,128,161)
```

Monochromatic Color

Below, you can see some colors close to #bd4877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#bd4894
```
#bd4894 rgb(189,72,148)
```
#bd488b
```
#bd488b rgb(189,72,139)
```
#bd4881
```
#bd4881 rgb(189,72,129)
```
#bd4877
```
#bd4877 rgb(189,72,119)
```
#bd486d
```
#bd486d rgb(189,72,109)
```
#bd4863
```
#bd4863 rgb(189,72,99)
```
#bd485a
```
#bd485a rgb(189,72,90)
```

Similar Colors

Text with hexadecimal color #bd4877

This text has a font color of #bd4877.

<span style="color:#bd4877;">Text here</span>

#bd4877 background color

This paragraph has a background color of #bd4877.

<p style="background-color:#bd4877;">Content here</p>

#bd4877 border color

This element has a border color of #bd4877.

<div style="border:1px solid #bd4877;">Content here</div>

CSS codes

.text {color:#bd4877;}

.background {background-color:#bd4877;}

.border {border:1px solid #bd4877;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040203 is the darkest color, while #fbf5f8 is the lightest one.

#040203
```
#040203 rgb(4,2,3)
```
#13070c
```
#13070c rgb(19,7,12)
```
#210c15
```
#210c15 rgb(33,12,21)
```
#30111d
```
#30111d rgb(48,17,29)
```
#3e1626
```
#3e1626 rgb(62,22,38)
```
#4c1c2f
```
#4c1c2f rgb(76,28,47)
```
#5b2138
```
#5b2138 rgb(91,33,56)
```
#692641
```
#692641 rgb(105,38,65)
```
#782b4a
```
#782b4a rgb(120,43,74)
```
#863053
```
#863053 rgb(134,48,83)
```
#95365c
```
#95365c rgb(149,54,92)
```
#a33b65
```
#a33b65 rgb(163,59,101)
```
#b1406e
```
#b1406e rgb(177,64,110)
```

Shade Color Variation

#bd4877
```
#bd4877 rgb(189,72,119)
```
#c25682
```
#c25682 rgb(194,86,130)
```
#c7658c
```
#c7658c rgb(199,101,140)
```
#cd7397
```
#cd7397 rgb(205,115,151)
```
#d282a2
```
#d282a2 rgb(210,130,162)
```
#d790ad
```
#d790ad rgb(215,144,173)
```
#dc9eb7
```
#dc9eb7 rgb(220,158,183)
```
#e1adc2
```
#e1adc2 rgb(225,173,194)
```
#e7bbcd
```
#e7bbcd rgb(231,187,205)
```
#eccad7
```
#eccad7 rgb(236,202,215)
```
#f1d8e2
```
#f1d8e2 rgb(241,216,226)
```
#f6e7ed
```
#f6e7ed rgb(246,231,237)
```
#fbf5f8
```
#fbf5f8 rgb(251,245,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848182 is the less saturated color, while #f60f6c is the most saturated one.

#848182
```
#848182 rgb(132,129,130)
```
#8d7880
```
#8d7880 rgb(141,120,128)
```
#976e7f
```
#976e7f rgb(151,110,127)
```
#a0657d
```
#a0657d rgb(160,101,125)
```
#aa5b7b
```
#aa5b7b rgb(170,91,123)
```
#b35279
```
#b35279 rgb(179,82,121)
```
#bd4877
```
#bd4877 rgb(189,72,119)
```
#c73e75
```
#c73e75 rgb(199,62,117)
```
#d03573
```
#d03573 rgb(208,53,115)
```
#da2b71
```
#da2b71 rgb(218,43,113)
```
#e3226f
```
#e3226f rgb(227,34,111)
```
#ed186e
```
#ed186e rgb(237,24,110)
```
#f60f6c
```
#f60f6c rgb(246,15,108)
```

Tone Color Variation

Below, you can see how #bd4877 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#707070 Achromatopsia 0.005% of the population
#7f6871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727893 Protanopia 1% of men
#857575 Deuteranopia 1% of men
#bd585d Tritanopia 0.001% of the population

Trichromacy

#8d6688 Protanomaly 1% of men, 0.01% of women
#996476 Deuteranomaly 6% of men, 0.4% of women
#bd5267 Tritanomaly 0.01% of the population

#bd4877 hex color

#bd4877 Color Information

#bd4877 Color Conversion

Color Schemes with #bd4877

Alternatives to #bd4877

#bd4877 Preview

Shades and Tints of #bd4877

Tones of #bd4877

Color Blindness Simulator