#bc4057 hex color

In a RGB color space, hex #bc4057 is composed of 73.7% red, 25.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 53.7% yellow and 26.3% black. It has a hue angle of 348.9 degrees, a saturation of 49.2% and a lightness of 49.4%. #bc4057 color hex could be obtained by blending #ff80ae 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

● #bc4057 color description : Moderate red.

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

Hex triplet	bc4057	`#bc4057`
RGB Decimal	188, 64, 87	`rgb(188,64,87)`
RGB Percent	73.7, 25.1, 34.1	`rgb(73.7%,25.1%,34.1%)`
CMYK	0, 66, 54, 26
HSL	348.9°, 49.2, 49.4	`hsl(348.9,49.2%,49.4%)`
HSV (or HSB)	348.9°, 66, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.701, 51.36, 14.255
XYZ	24.293, 15.049, 10.642
xyY	0.486, 0.301, 15.049
CIE-LCH	45.701, 53.302, 15.512
CIE-LUV	45.701, 87.222, 7.146
Hunter-Lab	38.793, 43.896, 10.89
Binary	10111100, 01000000, 01010111

#bc4057
```
#bc4057 rgb(188,64,87)
```
#40bca5
```
#40bca5 rgb(64,188,165)
```

Complementary Color

#bc4095
```
#bc4095 rgb(188,64,149)
```
#bc4057
```
#bc4057 rgb(188,64,87)
```
#bc6740
```
#bc6740 rgb(188,103,64)
```

Analogous Color

#4095bc
```
#4095bc rgb(64,149,188)
```
#bc4057
```
#bc4057 rgb(188,64,87)
```
#40bc67
```
#40bc67 rgb(64,188,103)
```

Split Complementary Color

#4057bc
```
#4057bc rgb(64,87,188)
```
#bc4057
```
#bc4057 rgb(188,64,87)
```
#57bc40
```
#57bc40 rgb(87,188,64)
```

Triadic Color

#a540bc
```
#a540bc rgb(165,64,188)
```
#bc4057
```
#bc4057 rgb(188,64,87)
```
#57bc40
```
#57bc40 rgb(87,188,64)
```
#40bca5
```
#40bca5 rgb(64,188,165)
```

Tetradic Color

#832d3d
```
#832d3d rgb(131,45,61)
```
#963345
```
#963345 rgb(150,51,69)
```
#a93a4e
```
#a93a4e rgb(169,58,78)
```
#bc4057
```
#bc4057 rgb(188,64,87)
```
#c45267
```
#c45267 rgb(196,82,103)
```
#ca6577
```
#ca6577 rgb(202,101,119)
```
#d17888
```
#d17888 rgb(209,120,136)
```

Monochromatic Color

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

#bc4076
```
#bc4076 rgb(188,64,118)
```
#bc406c
```
#bc406c rgb(188,64,108)
```
#bc4061
```
#bc4061 rgb(188,64,97)
```
#bc4057
```
#bc4057 rgb(188,64,87)
```
#bc404d
```
#bc404d rgb(188,64,77)
```
#bc4042
```
#bc4042 rgb(188,64,66)
```
#bc4840
```
#bc4840 rgb(188,72,64)
```

Similar Colors

Text with hexadecimal color #bc4057

This text has a font color of #bc4057.

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

#bc4057 background color

This paragraph has a background color of #bc4057.

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

#bc4057 border color

This element has a border color of #bc4057.

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

CSS codes

.text {color:#bc4057;}

.background {background-color:#bc4057;}

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

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

#0c0406
```
#0c0406 rgb(12,4,6)
```
#1b090d
```
#1b090d rgb(27,9,13)
```
#2a0e13
```
#2a0e13 rgb(42,14,19)
```
#38131a
```
#38131a rgb(56,19,26)
```
#471821
```
#471821 rgb(71,24,33)
```
#561d28
```
#561d28 rgb(86,29,40)
```
#64222e
```
#64222e rgb(100,34,46)
```
#732735
```
#732735 rgb(115,39,53)
```
#812c3c
```
#812c3c rgb(129,44,60)
```
#903143
```
#903143 rgb(144,49,67)
```
#9f3649
```
#9f3649 rgb(159,54,73)
```
#ad3b50
```
#ad3b50 rgb(173,59,80)
```
#bc4057
```
#bc4057 rgb(188,64,87)
```

Shade Color Variation

#c24d63
```
#c24d63 rgb(194,77,99)
```
#c75c70
```
#c75c70 rgb(199,92,112)
```
#cc6a7d
```
#cc6a7d rgb(204,106,125)
```
#d17989
```
#d17989 rgb(209,121,137)
```
#d68896
```
#d68896 rgb(214,136,150)
```
#db96a3
```
#db96a3 rgb(219,150,163)
```
#e0a5b0
```
#e0a5b0 rgb(224,165,176)
```
#e5b4bd
```
#e5b4bd rgb(229,180,189)
```
#eac2ca
```
#eac2ca rgb(234,194,202)
```
#efd1d7
```
#efd1d7 rgb(239,209,215)
```
#f4dfe3
```
#f4dfe3 rgb(244,223,227)
```
#f9eef0
```
#f9eef0 rgb(249,238,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#827a7c
```
#827a7c rgb(130,122,124)
```
#8c7075
```
#8c7075 rgb(140,112,117)
```
#95676f
```
#95676f rgb(149,103,111)
```
#9f5d69
```
#9f5d69 rgb(159,93,105)
```
#a95363
```
#a95363 rgb(169,83,99)
```
#b24a5d
```
#b24a5d rgb(178,74,93)
```
#bc4057
```
#bc4057 rgb(188,64,87)
```
#c63651
```
#c63651 rgb(198,54,81)
```
#cf2d4b
```
#cf2d4b rgb(207,45,75)
```
#d92345
```
#d92345 rgb(217,35,69)
```
#e3193f
```
#e3193f rgb(227,25,63)
```
#ec1039
```
#ec1039 rgb(236,16,57)
```
#f60632
```
#f60632 rgb(246,6,50)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#796065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767372 Protanopia 1% of men
#876f57 Deuteranopia 1% of men
#be4c51 Tritanopia 0.001% of the population

Trichromacy

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

#bc4057 hex color

#bc4057 Color Information

#bc4057 Color Conversion

Color Schemes with #bc4057

Alternatives to #bc4057

#bc4057 Preview

Shades and Tints of #bc4057

Tones of #bc4057

Color Blindness Simulator