#bc3557 hex color

In a RGB color space, hex #bc3557 is composed of 73.7% red, 20.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 53.7% yellow and 26.3% black. It has a hue angle of 344.9 degrees, a saturation of 56% and a lightness of 47.3%. #bc3557 color hex could be obtained by blending #ff6aae with #790000. Closest websafe color is: #cc3366.

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

● #bc3557 color description : Moderate pink.

The hexadecimal color #bc3557 has RGB values of R:188, G:53, B:87 and CMYK values of C:0, M:0.72, Y:0.54, K:0.26. Its decimal value is 12334423.

Hex triplet	bc3557	`#bc3557`
RGB Decimal	188, 53, 87	`rgb(188,53,87)`
RGB Percent	73.7, 20.8, 34.1	`rgb(73.7%,20.8%,34.1%)`
CMYK	0, 72, 54, 26
HSL	344.9°, 56, 47.3	`hsl(344.9,56%,47.3%)`
HSV (or HSB)	344.9°, 71.8, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.13, 55.674, 12.088
XYZ	23.733, 13.928, 10.455
xyY	0.493, 0.289, 13.928
CIE-LCH	44.13, 56.971, 12.25
CIE-LUV	44.13, 92.78, 3.701
Hunter-Lab	37.321, 48.202, 9.515
Binary	10111100, 00110101, 01010111

#bc3557
```
#bc3557 rgb(188,53,87)
```
#35bc9a
```
#35bc9a rgb(53,188,154)
```

Complementary Color

#bc359b
```
#bc359b rgb(188,53,155)
```
#bc3557
```
#bc3557 rgb(188,53,87)
```
#bc5635
```
#bc5635 rgb(188,86,53)
```

Analogous Color

#359bbc
```
#359bbc rgb(53,155,188)
```
#bc3557
```
#bc3557 rgb(188,53,87)
```
#35bc56
```
#35bc56 rgb(53,188,86)
```

Split Complementary Color

#3557bc
```
#3557bc rgb(53,87,188)
```
#bc3557
```
#bc3557 rgb(188,53,87)
```
#57bc35
```
#57bc35 rgb(87,188,53)
```

Triadic Color

#9a35bc
```
#9a35bc rgb(154,53,188)
```
#bc3557
```
#bc3557 rgb(188,53,87)
```
#57bc35
```
#57bc35 rgb(87,188,53)
```
#35bc9a
```
#35bc9a rgb(53,188,154)
```

Tetradic Color

#80243b
```
#80243b rgb(128,36,59)
```
#942a45
```
#942a45 rgb(148,42,69)
```
#a82f4e
```
#a82f4e rgb(168,47,78)
```
#bc3557
```
#bc3557 rgb(188,53,87)
```
#c94163
```
#c94163 rgb(201,65,99)
```
#cf5574
```
#cf5574 rgb(207,85,116)
```
#d56984
```
#d56984 rgb(213,105,132)
```

Monochromatic Color

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

#bc3579
```
#bc3579 rgb(188,53,121)
```
#bc356e
```
#bc356e rgb(188,53,110)
```
#bc3562
```
#bc3562 rgb(188,53,98)
```
#bc3557
```
#bc3557 rgb(188,53,87)
```
#bc354c
```
#bc354c rgb(188,53,76)
```
#bc3541
```
#bc3541 rgb(188,53,65)
```
#bc3535
```
#bc3535 rgb(188,53,53)
```

Similar Colors

Text with hexadecimal color #bc3557

This text has a font color of #bc3557.

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

#bc3557 background color

This paragraph has a background color of #bc3557.

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

#bc3557 border color

This element has a border color of #bc3557.

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

CSS codes

.text {color:#bc3557;}

.background {background-color:#bc3557;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#140609
```
#140609 rgb(20,6,9)
```
#230a10
```
#230a10 rgb(35,10,16)
```
#320e17
```
#320e17 rgb(50,14,23)
```
#42121e
```
#42121e rgb(66,18,30)
```
#511725
```
#511725 rgb(81,23,37)
```
#601b2d
```
#601b2d rgb(96,27,45)
```
#6f1f34
```
#6f1f34 rgb(111,31,52)
```
#7f243b
```
#7f243b rgb(127,36,59)
```
#8e2842
```
#8e2842 rgb(142,40,66)
```
#9d2c49
```
#9d2c49 rgb(157,44,73)
```
#ad3150
```
#ad3150 rgb(173,49,80)
```
#bc3557
```
#bc3557 rgb(188,53,87)
```

Shade Color Variation

#c83c60
```
#c83c60 rgb(200,60,96)
```
#cc4c6c
```
#cc4c6c rgb(204,76,108)
```
#d15b79
```
#d15b79 rgb(209,91,121)
```
#d56a85
```
#d56a85 rgb(213,106,133)
```
#d97a92
```
#d97a92 rgb(217,122,146)
```
#de899e
```
#de899e rgb(222,137,158)
```
#e298ab
```
#e298ab rgb(226,152,171)
```
#e6a8b7
```
#e6a8b7 rgb(230,168,183)
```
#ebb7c4
```
#ebb7c4 rgb(235,183,196)
```
#efc6d0
```
#efc6d0 rgb(239,198,208)
```
#f3d5dd
```
#f3d5dd rgb(243,213,221)
```
#f8e5ea
```
#f8e5ea rgb(248,229,234)
```
#fcf4f6
```
#fcf4f6 rgb(252,244,246)
```

Tint Color Variation

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

#7b7677
```
#7b7677 rgb(123,118,119)
```
#846d73
```
#846d73 rgb(132,109,115)
```
#8e636e
```
#8e636e rgb(142,99,110)
```
#975a69
```
#975a69 rgb(151,90,105)
```
#a05165
```
#a05165 rgb(160,81,101)
```
#a94860
```
#a94860 rgb(169,72,96)
```
#b33e5c
```
#b33e5c rgb(179,62,92)
```
#bc3557
```
#bc3557 rgb(188,53,87)
```
#c52c52
```
#c52c52 rgb(197,44,82)
```
#cf224e
```
#cf224e rgb(207,34,78)
```
#d81949
```
#d81949 rgb(216,25,73)
```
#e11045
```
#e11045 rgb(225,16,69)
```
#ea0740
```
#ea0740 rgb(234,7,64)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#73585f Atypical Achromatopsia 0.001% of the population

Dichromacy

#706f75 Protanopia 1% of men
#836b56 Deuteranopia 1% of men
#be4448 Tritanopia 0.001% of the population

Trichromacy

#8b5a6a Protanomaly 1% of men, 0.01% of women
#975756 Deuteranomaly 6% of men, 0.4% of women
#bd3e4d Tritanomaly 0.01% of the population

#bc3557 hex color

#bc3557 Color Information

#bc3557 Color Conversion

Color Schemes with #bc3557

Alternatives to #bc3557

#bc3557 Preview

Shades and Tints of #bc3557

Tones of #bc3557

Color Blindness Simulator