#bc2557 hex color

In a RGB color space, hex #bc2557 is composed of 73.7% red, 14.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 53.7% yellow and 26.3% black. It has a hue angle of 340.1 degrees, a saturation of 67.1% and a lightness of 44.1%. #bc2557 color hex could be obtained by blending #ff4aae with #790000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 74
- G 15
- B 34
RGB color chart
- C 0
- M 80
- Y 54
- K 26
CMYK color chart

● #bc2557 color description : Strong pink.

The hexadecimal color #bc2557 has RGB values of R:188, G:37, B:87 and CMYK values of C:0, M:0.8, Y:0.54, K:0.26. Its decimal value is 12330327.

Hex triplet	bc2557	`#bc2557`
RGB Decimal	188, 37, 87	`rgb(188,37,87)`
RGB Percent	73.7, 14.5, 34.1	`rgb(73.7%,14.5%,34.1%)`
CMYK	0, 80, 54, 26
HSL	340.1°, 67.1, 44.1	`hsl(340.1,67.1%,44.1%)`
HSV (or HSB)	340.1°, 80.3, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.316, 60.766, 9.56
XYZ	23.122, 12.705, 10.251
xyY	0.502, 0.276, 12.705
CIE-LCH	42.316, 61.513, 8.941
CIE-LUV	42.316, 99.295, -0.314
Hunter-Lab	35.644, 53.411, 7.9
Binary	10111100, 00100101, 01010111

#bc2557
```
#bc2557 rgb(188,37,87)
```
#25bc8a
```
#25bc8a rgb(37,188,138)
```

Complementary Color

#bc25a3
```
#bc25a3 rgb(188,37,163)
```
#bc2557
```
#bc2557 rgb(188,37,87)
```
#bc3f25
```
#bc3f25 rgb(188,63,37)
```

Analogous Color

#25a3bc
```
#25a3bc rgb(37,163,188)
```
#bc2557
```
#bc2557 rgb(188,37,87)
```
#25bc3f
```
#25bc3f rgb(37,188,63)
```

Split Complementary Color

#2557bc
```
#2557bc rgb(37,87,188)
```
#bc2557
```
#bc2557 rgb(188,37,87)
```
#57bc25
```
#57bc25 rgb(87,188,37)
```

Triadic Color

#8a25bc
```
#8a25bc rgb(138,37,188)
```
#bc2557
```
#bc2557 rgb(188,37,87)
```
#57bc25
```
#57bc25 rgb(87,188,37)
```
#25bc8a
```
#25bc8a rgb(37,188,138)
```

Tetradic Color

#7c1839
```
#7c1839 rgb(124,24,57)
```
#911d43
```
#911d43 rgb(145,29,67)
```
#a7214d
```
#a7214d rgb(167,33,77)
```
#bc2557
```
#bc2557 rgb(188,37,87)
```
#d12961
```
#d12961 rgb(209,41,97)
```
#d93b6f
```
#d93b6f rgb(217,59,111)
```
#dd517f
```
#dd517f rgb(221,81,127)
```

Monochromatic Color

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

#bc257d
```
#bc257d rgb(188,37,125)
```
#bc2570
```
#bc2570 rgb(188,37,112)
```
#bc2564
```
#bc2564 rgb(188,37,100)
```
#bc2557
```
#bc2557 rgb(188,37,87)
```
#bc254a
```
#bc254a rgb(188,37,74)
```
#bc253e
```
#bc253e rgb(188,37,62)
```
#bc2531
```
#bc2531 rgb(188,37,49)
```

Similar Colors

Text with hexadecimal color #bc2557

This text has a font color of #bc2557.

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

#bc2557 background color

This paragraph has a background color of #bc2557.

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

#bc2557 border color

This element has a border color of #bc2557.

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

CSS codes

.text {color:#bc2557;}

.background {background-color:#bc2557;}

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

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, #080204 is the darkest color, while #fdf6f9 is the lightest one.

#080204
```
#080204 rgb(8,2,4)
```
#18050b
```
#18050b rgb(24,5,11)
```
#280813
```
#280813 rgb(40,8,19)
```
#390b1a
```
#390b1a rgb(57,11,26)
```
#490e22
```
#490e22 rgb(73,14,34)
```
#5a1229
```
#5a1229 rgb(90,18,41)
```
#6a1531
```
#6a1531 rgb(106,21,49)
```
#7a1839
```
#7a1839 rgb(122,24,57)
```
#8b1b40
```
#8b1b40 rgb(139,27,64)
```
#9b1f48
```
#9b1f48 rgb(155,31,72)
```
#ac224f
```
#ac224f rgb(172,34,79)
```
#bc2557
```
#bc2557 rgb(188,37,87)
```
#cc285f
```
#cc285f rgb(204,40,95)
```

Shade Color Variation

#d73268
```
#d73268 rgb(215,50,104)
```
#da4274
```
#da4274 rgb(218,66,116)
```
#dd5280
```
#dd5280 rgb(221,82,128)
```
#e0638c
```
#e0638c rgb(224,99,140)
```
#e37398
```
#e37398 rgb(227,115,152)
```
#e784a4
```
#e784a4 rgb(231,132,164)
```
#ea94b0
```
#ea94b0 rgb(234,148,176)
```
#eda4bc
```
#eda4bc rgb(237,164,188)
```
#f0b5c9
```
#f0b5c9 rgb(240,181,201)
```
#f4c5d5
```
#f4c5d5 rgb(244,197,213)
```
#f7d6e1
```
#f7d6e1 rgb(247,214,225)
```
#fae6ed
```
#fae6ed rgb(250,230,237)
```
#fdf6f9
```
#fdf6f9 rgb(253,246,249)
```

Tint Color Variation

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

#776a6e
```
#776a6e rgb(119,106,110)
```
#7f626b
```
#7f626b rgb(127,98,107)
```
#885969
```
#885969 rgb(136,89,105)
```
#915066
```
#915066 rgb(145,80,102)
```
#994863
```
#994863 rgb(153,72,99)
```
#a23f60
```
#a23f60 rgb(162,63,96)
```
#ab365d
```
#ab365d rgb(171,54,93)
```
#b32e5a
```
#b32e5a rgb(179,46,90)
```
#bc2557
```
#bc2557 rgb(188,37,87)
```
#c51c54
```
#c51c54 rgb(197,28,84)
```
#cd1451
```
#cd1451 rgb(205,20,81)
```
#d60b4e
```
#d60b4e rgb(214,11,78)
```
#df024b
```
#df024b rgb(223,2,75)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c4e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696b79 Protanopia 1% of men
#7d6755 Deuteranopia 1% of men
#bd393b Tritanopia 0.001% of the population

Trichromacy

#87516d Protanomaly 1% of men, 0.01% of women
#944f56 Deuteranomaly 6% of men, 0.4% of women
#bd3245 Tritanomaly 0.01% of the population

#bc2557 hex color

#bc2557 Color Information

#bc2557 Color Conversion

Color Schemes with #bc2557

Alternatives to #bc2557

#bc2557 Preview

Shades and Tints of #bc2557

Tones of #bc2557

Color Blindness Simulator