#bc504c hex color

In a RGB color space, hex #bc504c is composed of 73.7% red, 31.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.4% magenta, 59.6% yellow and 26.3% black. It has a hue angle of 2.1 degrees, a saturation of 45.5% and a lightness of 51.8%. #bc504c color hex could be obtained by blending #ffa098 with #790000. Closest websafe color is: #cc6633.

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

● #bc504c color description : Moderate red.

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

Hex triplet	bc504c	`#bc504c`
RGB Decimal	188, 80, 76	`rgb(188,80,76)`
RGB Percent	73.7, 31.4, 29.8	`rgb(73.7%,31.4%,29.8%)`
CMYK	0, 57, 60, 26
HSL	2.1°, 45.5, 51.8	`hsl(2.1,45.5%,51.8%)`
HSV (or HSB)	2.1°, 59.6, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.201, 43.26, 24.228
XYZ	24.913, 16.953, 8.797
xyY	0.492, 0.335, 16.953
CIE-LCH	48.201, 49.583, 29.251
CIE-LUV	48.201, 80.361, 19.383
Hunter-Lab	41.174, 35.95, 16.154
Binary	10111100, 01010000, 01001100

#bc504c
```
#bc504c rgb(188,80,76)
```
#4cb8bc
```
#4cb8bc rgb(76,184,188)
```

Complementary Color

#bc4c80
```
#bc4c80 rgb(188,76,128)
```
#bc504c
```
#bc504c rgb(188,80,76)
```
#bc884c
```
#bc884c rgb(188,136,76)
```

Analogous Color

#4c80bc
```
#4c80bc rgb(76,128,188)
```
#bc504c
```
#bc504c rgb(188,80,76)
```
#4cbc88
```
#4cbc88 rgb(76,188,136)
```

Split Complementary Color

#504cbc
```
#504cbc rgb(80,76,188)
```
#bc504c
```
#bc504c rgb(188,80,76)
```
#4cbc50
```
#4cbc50 rgb(76,188,80)
```

Triadic Color

#bc4cb8
```
#bc4cb8 rgb(188,76,184)
```
#bc504c
```
#bc504c rgb(188,80,76)
```
#4cbc50
```
#4cbc50 rgb(76,188,80)
```
#4cb8bc
```
#4cb8bc rgb(76,184,188)
```

Tetradic Color

#883633
```
#883633 rgb(136,54,51)
```
#9b3d3a
```
#9b3d3a rgb(155,61,58)
```
#ae4541
```
#ae4541 rgb(174,69,65)
```
#bc504c
```
#bc504c rgb(188,80,76)
```
#c3625f
```
#c3625f rgb(195,98,95)
```
#ca7471
```
#ca7471 rgb(202,116,113)
```
#d18684
```
#d18684 rgb(209,134,132)
```

Monochromatic Color

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

#bc4c64
```
#bc4c64 rgb(188,76,100)
```
#bc4c5b
```
#bc4c5b rgb(188,76,91)
```
#bc4c51
```
#bc4c51 rgb(188,76,81)
```
#bc504c
```
#bc504c rgb(188,80,76)
```
#bc594c
```
#bc594c rgb(188,89,76)
```
#bc634c
```
#bc634c rgb(188,99,76)
```
#bc6c4c
```
#bc6c4c rgb(188,108,76)
```

Similar Colors

Text with hexadecimal color #bc504c

This text has a font color of #bc504c.

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

#bc504c background color

This paragraph has a background color of #bc504c.

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

#bc504c border color

This element has a border color of #bc504c.

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

CSS codes

.text {color:#bc504c;}

.background {background-color:#bc504c;}

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

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

#070302
```
#070302 rgb(7,3,2)
```
#150808
```
#150808 rgb(21,8,8)
```
#230e0d
```
#230e0d rgb(35,14,13)
```
#311412
```
#311412 rgb(49,20,18)
```
#401918
```
#401918 rgb(64,25,24)
```
#4e1f1d
```
#4e1f1d rgb(78,31,29)
```
#5c2523
```
#5c2523 rgb(92,37,35)
```
#6a2a28
```
#6a2a28 rgb(106,42,40)
```
#79302d
```
#79302d rgb(121,48,45)
```
#873633
```
#873633 rgb(135,54,51)
```
#953b38
```
#953b38 rgb(149,59,56)
```
#a4413d
```
#a4413d rgb(164,65,61)
```
#b24743
```
#b24743 rgb(178,71,67)
```

Shade Color Variation

#bc504c
```
#bc504c rgb(188,80,76)
```
#c15e5a
```
#c15e5a rgb(193,94,90)
```
#c76c69
```
#c76c69 rgb(199,108,105)
```
#cc7a77
```
#cc7a77 rgb(204,122,119)
```
#d18885
```
#d18885 rgb(209,136,133)
```
#d79693
```
#d79693 rgb(215,150,147)
```
#dca4a2
```
#dca4a2 rgb(220,164,162)
```
#e1b2b0
```
#e1b2b0 rgb(225,178,176)
```
#e7c0be
```
#e7c0be rgb(231,192,190)
```
#eccecc
```
#eccecc rgb(236,206,204)
```
#f1dcdb
```
#f1dcdb rgb(241,220,219)
```
#f7e9e9
```
#f7e9e9 rgb(247,233,233)
```
#fcf7f7
```
#fcf7f7 rgb(252,247,247)
```

Tint Color Variation

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

#8d7c7b
```
#8d7c7b rgb(141,124,123)
```
#967372
```
#967372 rgb(150,115,114)
```
#a06a68
```
#a06a68 rgb(160,106,104)
```
#a9625f
```
#a9625f rgb(169,98,95)
```
#b35955
```
#b35955 rgb(179,89,85)
```
#bc504c
```
#bc504c rgb(188,80,76)
```
#c54743
```
#c54743 rgb(197,71,67)
```
#cf3e39
```
#cf3e39 rgb(207,62,57)
```
#d83630
```
#d83630 rgb(216,54,48)
```
#e22d26
```
#e22d26 rgb(226,45,38)
```
#eb241d
```
#eb241d rgb(235,36,29)
```
#f51b13
```
#f51b13 rgb(245,27,19)
```
#fe130a
```
#fe130a rgb(254,19,10)
```

Tone Color Variation

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

#817961 Protanopia 1% of men
#91744e Deuteranopia 1% of men
#bf575d Tritanopia 0.001% of the population

Trichromacy

#966a59 Protanomaly 1% of men, 0.01% of women
#a1674d Deuteranomaly 6% of men, 0.4% of women
#be5556 Tritanomaly 0.01% of the population

#bc504c hex color

#bc504c Color Information

#bc504c Color Conversion

Color Schemes with #bc504c

Alternatives to #bc504c

#bc504c Preview

Shades and Tints of #bc504c

Tones of #bc504c

Color Blindness Simulator