#bc558e hex color

In a RGB color space, hex #bc558e is composed of 73.7% red, 33.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 24.5% yellow and 26.3% black. It has a hue angle of 326.8 degrees, a saturation of 43.5% and a lightness of 53.5%. #bc558e color hex could be obtained by blending #ffaaff with #79001d. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 74
- G 33
- B 56
RGB color chart
- C 0
- M 55
- Y 24
- K 26
CMYK color chart

● #bc558e color description : Moderate pink.

The hexadecimal color #bc558e has RGB values of R:188, G:85, B:142 and CMYK values of C:0, M:0.55, Y:0.24, K:0.26. Its decimal value is 12342670.

Hex triplet	bc558e	`#bc558e`
RGB Decimal	188, 85, 142	`rgb(188,85,142)`
RGB Percent	73.7, 33.3, 55.7	`rgb(73.7%,33.3%,55.7%)`
CMYK	0, 55, 24, 26
HSL	326.8°, 43.5, 53.5	`hsl(326.8,43.5%,53.5%)`
HSV (or HSB)	326.8°, 54.8, 73.7
Web Safe	cc6699	`#cc6699`

CIE-LAB	50.855, 47.937, -11.559
XYZ	28.87, 19.143, 27.764
xyY	0.381, 0.253, 19.143
CIE-LCH	50.855, 49.311, 346.444
CIE-LUV	50.855, 60.397, -24.375
Hunter-Lab	43.753, 41.213, -6.996
Binary	10111100, 01010101, 10001110

#bc558e
```
#bc558e rgb(188,85,142)
```
#55bc83
```
#55bc83 rgb(85,188,131)
```

Complementary Color

#b755bc
```
#b755bc rgb(183,85,188)
```
#bc558e
```
#bc558e rgb(188,85,142)
```
#bc555a
```
#bc555a rgb(188,85,90)
```

Analogous Color

#55bcb7
```
#55bcb7 rgb(85,188,183)
```
#bc558e
```
#bc558e rgb(188,85,142)
```
#5abc55
```
#5abc55 rgb(90,188,85)
```

Split Complementary Color

#558ebc
```
#558ebc rgb(85,142,188)
```
#bc558e
```
#bc558e rgb(188,85,142)
```
#8ebc55
```
#8ebc55 rgb(142,188,85)
```

Triadic Color

#8355bc
```
#8355bc rgb(131,85,188)
```
#bc558e
```
#bc558e rgb(188,85,142)
```
#8ebc55
```
#8ebc55 rgb(142,188,85)
```
#55bc83
```
#55bc83 rgb(85,188,131)
```

Tetradic Color

#8d3867
```
#8d3867 rgb(141,56,103)
```
#9f3f74
```
#9f3f74 rgb(159,63,116)
```
#b24681
```
#b24681 rgb(178,70,129)
```
#bc558e
```
#bc558e rgb(188,85,142)
```
#c3679a
```
#c3679a rgb(195,103,154)
```
#ca7aa6
```
#ca7aa6 rgb(202,122,166)
```
#d28cb2
```
#d28cb2 rgb(210,140,178)
```

Monochromatic Color

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

#bc55a8
```
#bc55a8 rgb(188,85,168)
```
#bc559f
```
#bc559f rgb(188,85,159)
```
#bc5597
```
#bc5597 rgb(188,85,151)
```
#bc558e
```
#bc558e rgb(188,85,142)
```
#bc5585
```
#bc5585 rgb(188,85,133)
```
#bc557d
```
#bc557d rgb(188,85,125)
```
#bc5574
```
#bc5574 rgb(188,85,116)
```

Similar Colors

Text with hexadecimal color #bc558e

This text has a font color of #bc558e.

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

#bc558e background color

This paragraph has a background color of #bc558e.

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

#bc558e border color

This element has a border color of #bc558e.

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

CSS codes

.text {color:#bc558e;}

.background {background-color:#bc558e;}

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

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, #0d0509 is the darkest color, while #fffefe is the lightest one.

#0d0509
```
#0d0509 rgb(13,5,9)
```
#1b0b14
```
#1b0b14 rgb(27,11,20)
```
#29101e
```
#29101e rgb(41,16,30)
```
#371628
```
#371628 rgb(55,22,40)
```
#451b32
```
#451b32 rgb(69,27,50)
```
#53213d
```
#53213d rgb(83,33,61)
```
#612647
```
#612647 rgb(97,38,71)
```
#6f2c51
```
#6f2c51 rgb(111,44,81)
```
#7d315c
```
#7d315c rgb(125,49,92)
```
#8c3766
```
#8c3766 rgb(140,55,102)
```
#9a3d70
```
#9a3d70 rgb(154,61,112)
```
#a8427a
```
#a8427a rgb(168,66,122)
```
#b64885
```
#b64885 rgb(182,72,133)
```

Shade Color Variation

#bc558e
```
#bc558e rgb(188,85,142)
```
#c26397
```
#c26397 rgb(194,99,151)
```
#c771a1
```
#c771a1 rgb(199,113,161)
```
#cd7faa
```
#cd7faa rgb(205,127,170)
```
#d28db3
```
#d28db3 rgb(210,141,179)
```
#d89bbd
```
#d89bbd rgb(216,155,189)
```
#dda9c6
```
#dda9c6 rgb(221,169,198)
```
#e3b7cf
```
#e3b7cf rgb(227,183,207)
```
#e8c6d9
```
#e8c6d9 rgb(232,198,217)
```
#eed4e2
```
#eed4e2 rgb(238,212,226)
```
#f3e2ec
```
#f3e2ec rgb(243,226,236)
```
#f9f0f5
```
#f9f0f5 rgb(249,240,245)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8e8389
```
#8e8389 rgb(142,131,137)
```
#98798a
```
#98798a rgb(152,121,138)
```
#a1708b
```
#a1708b rgb(161,112,139)
```
#aa678c
```
#aa678c rgb(170,103,140)
```
#b35e8d
```
#b35e8d rgb(179,94,141)
```
#bc558e
```
#bc558e rgb(188,85,142)
```
#c54c8f
```
#c54c8f rgb(197,76,143)
```
#ce4390
```
#ce4390 rgb(206,67,144)
```
#d73a91
```
#d73a91 rgb(215,58,145)
```
#e03192
```
#e03192 rgb(224,49,146)
```
#ea2793
```
#ea2793 rgb(234,39,147)
```
#f31e94
```
#f31e94 rgb(243,30,148)
```
#fc1595
```
#fc1595 rgb(252,21,149)
```

Tone Color Variation

Below, you can see how #bc558e 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

#7a7a7a Achromatopsia 0.005% of the population
#87737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#737ea7 Protanopia 1% of men
#867c8b Deuteranopia 1% of men
#bb666d Tritanopia 0.001% of the population

Trichromacy

#8d6f9e Protanomaly 1% of men, 0.01% of women
#996e8c Deuteranomaly 6% of men, 0.4% of women
#bb6079 Tritanomaly 0.01% of the population

#bc558e hex color

#bc558e Color Information

#bc558e Color Conversion

Color Schemes with #bc558e

Alternatives to #bc558e

#bc558e Preview

Shades and Tints of #bc558e

Tones of #bc558e

Color Blindness Simulator