#bc3f57 hex color

In a RGB color space, hex #bc3f57 is composed of 73.7% red, 24.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 53.7% yellow and 26.3% black. It has a hue angle of 348.5 degrees, a saturation of 49.8% and a lightness of 49.2%. #bc3f57 color hex could be obtained by blending #ff7eae with #790000. Closest websafe color is: #cc3366.

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

● #bc3f57 color description : Moderate red.

The hexadecimal color #bc3f57 has RGB values of R:188, G:63, B:87 and CMYK values of C:0, M:0.66, Y:0.54, K:0.26. Its decimal value is 12336983.

Hex triplet	bc3f57	`#bc3f57`
RGB Decimal	188, 63, 87	`rgb(188,63,87)`
RGB Percent	73.7, 24.7, 34.1	`rgb(73.7%,24.7%,34.1%)`
CMYK	0, 66, 54, 26
HSL	348.5°, 49.8, 49.2	`hsl(348.5,49.8%,49.2%)`
HSV (or HSB)	348.5°, 66.5, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.548, 51.777, 14.045
XYZ	24.238, 14.937, 10.623
xyY	0.487, 0.3, 14.937
CIE-LCH	45.548, 53.648, 15.177
CIE-LUV	45.548, 87.759, 6.812
Hunter-Lab	38.648, 44.308, 10.757
Binary	10111100, 00111111, 01010111

#bc3f57
```
#bc3f57 rgb(188,63,87)
```
#3fbca4
```
#3fbca4 rgb(63,188,164)
```

Complementary Color

#bc3f96
```
#bc3f96 rgb(188,63,150)
```
#bc3f57
```
#bc3f57 rgb(188,63,87)
```
#bc663f
```
#bc663f rgb(188,102,63)
```

Analogous Color

#3f96bc
```
#3f96bc rgb(63,150,188)
```
#bc3f57
```
#bc3f57 rgb(188,63,87)
```
#3fbc66
```
#3fbc66 rgb(63,188,102)
```

Split Complementary Color

#3f57bc
```
#3f57bc rgb(63,87,188)
```
#bc3f57
```
#bc3f57 rgb(188,63,87)
```
#57bc3f
```
#57bc3f rgb(87,188,63)
```

Triadic Color

#a43fbc
```
#a43fbc rgb(164,63,188)
```
#bc3f57
```
#bc3f57 rgb(188,63,87)
```
#57bc3f
```
#57bc3f rgb(87,188,63)
```
#3fbca4
```
#3fbca4 rgb(63,188,164)
```

Tetradic Color

#832c3c
```
#832c3c rgb(131,44,60)
```
#963245
```
#963245 rgb(150,50,69)
```
#a9394e
```
#a9394e rgb(169,57,78)
```
#bc3f57
```
#bc3f57 rgb(188,63,87)
```
#c45066
```
#c45066 rgb(196,80,102)
```
#cb6377
```
#cb6377 rgb(203,99,119)
```
#d17688
```
#d17688 rgb(209,118,136)
```

Monochromatic Color

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

#bc3f76
```
#bc3f76 rgb(188,63,118)
```
#bc3f6c
```
#bc3f6c rgb(188,63,108)
```
#bc3f61
```
#bc3f61 rgb(188,63,97)
```
#bc3f57
```
#bc3f57 rgb(188,63,87)
```
#bc3f4d
```
#bc3f4d rgb(188,63,77)
```
#bc3f42
```
#bc3f42 rgb(188,63,66)
```
#bc463f
```
#bc463f rgb(188,70,63)
```

Similar Colors

Text with hexadecimal color #bc3f57

This text has a font color of #bc3f57.

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

#bc3f57 background color

This paragraph has a background color of #bc3f57.

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

#bc3f57 border color

This element has a border color of #bc3f57.

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

CSS codes

.text {color:#bc3f57;}

.background {background-color:#bc3f57;}

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

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

#0c0405
```
#0c0405 rgb(12,4,5)
```
#1a090c
```
#1a090c rgb(26,9,12)
```
#290e13
```
#290e13 rgb(41,14,19)
```
#38131a
```
#38131a rgb(56,19,26)
```
#461821
```
#461821 rgb(70,24,33)
```
#551d27
```
#551d27 rgb(85,29,39)
```
#64212e
```
#64212e rgb(100,33,46)
```
#732635
```
#732635 rgb(115,38,53)
```
#812b3c
```
#812b3c rgb(129,43,60)
```
#903043
```
#903043 rgb(144,48,67)
```
#9f3549
```
#9f3549 rgb(159,53,73)
```
#ad3a50
```
#ad3a50 rgb(173,58,80)
```
#bc3f57
```
#bc3f57 rgb(188,63,87)
```

Shade Color Variation

#c34c63
```
#c34c63 rgb(195,76,99)
```
#c85a6f
```
#c85a6f rgb(200,90,111)
```
#cd697c
```
#cd697c rgb(205,105,124)
```
#d27889
```
#d27889 rgb(210,120,137)
```
#d78696
```
#d78696 rgb(215,134,150)
```
#dc95a3
```
#dc95a3 rgb(220,149,163)
```
#e0a4af
```
#e0a4af rgb(224,164,175)
```
#e5b3bc
```
#e5b3bc rgb(229,179,188)
```
#eac1c9
```
#eac1c9 rgb(234,193,201)
```
#efd0d6
```
#efd0d6 rgb(239,208,214)
```
#f4dfe3
```
#f4dfe3 rgb(244,223,227)
```
#f9edf0
```
#f9edf0 rgb(249,237,240)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#82797b
```
#82797b rgb(130,121,123)
```
#8c6f75
```
#8c6f75 rgb(140,111,117)
```
#95666f
```
#95666f rgb(149,102,111)
```
#9f5c69
```
#9f5c69 rgb(159,92,105)
```
#a95263
```
#a95263 rgb(169,82,99)
```
#b2495d
```
#b2495d rgb(178,73,93)
```
#bc3f57
```
#bc3f57 rgb(188,63,87)
```
#c63551
```
#c63551 rgb(198,53,81)
```
#cf2c4b
```
#cf2c4b rgb(207,44,75)
```
#d92245
```
#d92245 rgb(217,34,69)
```
#e3183f
```
#e3183f rgb(227,24,63)
```
#ec0f39
```
#ec0f39 rgb(236,15,57)
```
#f60533
```
#f60533 rgb(246,5,51)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#785f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757272 Protanopia 1% of men
#876f57 Deuteranopia 1% of men
#be4c50 Tritanopia 0.001% of the population

Trichromacy

#8f6068 Protanomaly 1% of men, 0.01% of women
#9a5d57 Deuteranomaly 6% of men, 0.4% of women
#bd4752 Tritanomaly 0.01% of the population

#bc3f57 hex color

#bc3f57 Color Information

#bc3f57 Color Conversion

Color Schemes with #bc3f57

Alternatives to #bc3f57

#bc3f57 Preview

Shades and Tints of #bc3f57

Tones of #bc3f57

Color Blindness Simulator