#bc504b hex color

In a RGB color space, hex #bc504b is composed of 73.7% red, 31.4% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.4% magenta, 60.1% yellow and 26.3% black. It has a hue angle of 2.7 degrees, a saturation of 45.7% and a lightness of 51.6%. #bc504b color hex could be obtained by blending #ffa096 with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 31
- B 29
RGB color chart
- C 0
- M 57
- Y 60
- K 26
CMYK color chart

● #bc504b color description : Moderate red.

The hexadecimal color #bc504b has RGB values of R:188, G:80, B:75 and CMYK values of C:0, M:0.57, Y:0.6, K:0.26. Its decimal value is 12341323.

Hex triplet	bc504b	`#bc504b`
RGB Decimal	188, 80, 75	`rgb(188,80,75)`
RGB Percent	73.7, 31.4, 29.4	`rgb(73.7%,31.4%,29.4%)`
CMYK	0, 57, 60, 26
HSL	2.7°, 45.7, 51.6	`hsl(2.7,45.7%,51.6%)`
HSV (or HSB)	2.7°, 60.1, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.183, 43.188, 24.797
XYZ	24.878, 16.939, 8.616
xyY	0.493, 0.336, 16.939
CIE-LCH	48.183, 49.801, 29.864
CIE-LUV	48.183, 80.576, 19.928
Hunter-Lab	41.157, 35.874, 16.398
Binary	10111100, 01010000, 01001011

#bc504b
```
#bc504b rgb(188,80,75)
```
#4bb7bc
```
#4bb7bc rgb(75,183,188)
```

Complementary Color

#bc4b7f
```
#bc4b7f rgb(188,75,127)
```
#bc504b
```
#bc504b rgb(188,80,75)
```
#bc894b
```
#bc894b rgb(188,137,75)
```

Analogous Color

#4b7fbc
```
#4b7fbc rgb(75,127,188)
```
#bc504b
```
#bc504b rgb(188,80,75)
```
#4bbc89
```
#4bbc89 rgb(75,188,137)
```

Split Complementary Color

#504bbc
```
#504bbc rgb(80,75,188)
```
#bc504b
```
#bc504b rgb(188,80,75)
```
#4bbc50
```
#4bbc50 rgb(75,188,80)
```

Triadic Color

#bc4bb7
```
#bc4bb7 rgb(188,75,183)
```
#bc504b
```
#bc504b rgb(188,80,75)
```
#4bbc50
```
#4bbc50 rgb(75,188,80)
```
#4bb7bc
```
#4bb7bc rgb(75,183,188)
```

Tetradic Color

#883633
```
#883633 rgb(136,54,51)
```
#9a3e3a
```
#9a3e3a rgb(154,62,58)
```
#ad4540
```
#ad4540 rgb(173,69,64)
```
#bc504b
```
#bc504b rgb(188,80,75)
```
#c3625e
```
#c3625e rgb(195,98,94)
```
#ca7470
```
#ca7470 rgb(202,116,112)
```
#d18683
```
#d18683 rgb(209,134,131)
```

Monochromatic Color

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

#bc4b62
```
#bc4b62 rgb(188,75,98)
```
#bc4b59
```
#bc4b59 rgb(188,75,89)
```
#bc4b4f
```
#bc4b4f rgb(188,75,79)
```
#bc504b
```
#bc504b rgb(188,80,75)
```
#bc594b
```
#bc594b rgb(188,89,75)
```
#bc634b
```
#bc634b rgb(188,99,75)
```
#bc6c4b
```
#bc6c4b rgb(188,108,75)
```

Similar Colors

Text with hexadecimal color #bc504b

This text has a font color of #bc504b.

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

#bc504b background color

This paragraph has a background color of #bc504b.

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

#bc504b border color

This element has a border color of #bc504b.

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

CSS codes

.text {color:#bc504b;}

.background {background-color:#bc504b;}

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

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

#060202
```
#060202 rgb(6,2,2)
```
#140807
```
#140807 rgb(20,8,7)
```
#220e0d
```
#220e0d rgb(34,14,13)
```
#311312
```
#311312 rgb(49,19,18)
```
#3f1917
```
#3f1917 rgb(63,25,23)
```
#4d1f1d
```
#4d1f1d rgb(77,31,29)
```
#5c2522
```
#5c2522 rgb(92,37,34)
```
#6a2a27
```
#6a2a27 rgb(106,42,39)
```
#78302d
```
#78302d rgb(120,48,45)
```
#863632
```
#863632 rgb(134,54,50)
```
#953c37
```
#953c37 rgb(149,60,55)
```
#a3413d
```
#a3413d rgb(163,65,61)
```
#b14742
```
#b14742 rgb(177,71,66)
```

Shade Color Variation

#bc504b
```
#bc504b rgb(188,80,75)
```
#c15e59
```
#c15e59 rgb(193,94,89)
```
#c76c68
```
#c76c68 rgb(199,108,104)
```
#cc7a76
```
#cc7a76 rgb(204,122,118)
```
#d18884
```
#d18884 rgb(209,136,132)
```
#d79592
```
#d79592 rgb(215,149,146)
```
#dca3a1
```
#dca3a1 rgb(220,163,161)
```
#e1b1af
```
#e1b1af rgb(225,177,175)
```
#e7bfbd
```
#e7bfbd rgb(231,191,189)
```
#eccdcc
```
#eccdcc rgb(236,205,204)
```
#f1dbda
```
#f1dbda rgb(241,219,218)
```
#f7e9e8
```
#f7e9e8 rgb(247,233,232)
```
#fcf7f7
```
#fcf7f7 rgb(252,247,247)
```

Tint Color Variation

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

#8d7b7b
```
#8d7b7b rgb(141,123,123)
```
#967371
```
#967371 rgb(150,115,113)
```
#a06a68
```
#a06a68 rgb(160,106,104)
```
#a9615e
```
#a9615e rgb(169,97,94)
```
#b35955
```
#b35955 rgb(179,89,85)
```
#bc504b
```
#bc504b rgb(188,80,75)
```
#c64742
```
#c64742 rgb(198,71,66)
```
#cf3f38
```
#cf3f38 rgb(207,63,56)
```
#d9362f
```
#d9362f rgb(217,54,47)
```
#e22d25
```
#e22d25 rgb(226,45,37)
```
#ec251c
```
#ec251c rgb(236,37,28)
```
#f51c12
```
#f51c12 rgb(245,28,18)
```
#ff1309
```
#ff1309 rgb(255,19,9)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7f6a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817960 Protanopia 1% of men
#92744d Deuteranopia 1% of men
#c0575d Tritanopia 0.001% of the population

Trichromacy

#966a58 Protanomaly 1% of men, 0.01% of women
#a1674c Deuteranomaly 6% of men, 0.4% of women
#be5456 Tritanomaly 0.01% of the population

#bc504b hex color

#bc504b Color Information

#bc504b Color Conversion

Color Schemes with #bc504b

Alternatives to #bc504b

#bc504b Preview

Shades and Tints of #bc504b

Tones of #bc504b

Color Blindness Simulator