#bc563a hex color

In a RGB color space, hex #bc563a is composed of 73.7% red, 33.7% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 69.1% yellow and 26.3% black. It has a hue angle of 12.9 degrees, a saturation of 52.8% and a lightness of 48.2%. #bc563a color hex could be obtained by blending #ffac74 with #790000. Closest websafe color is: #cc6633.

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

● #bc563a color description : Moderate red.

The hexadecimal color #bc563a has RGB values of R:188, G:86, B:58 and CMYK values of C:0, M:0.54, Y:0.69, K:0.26. Its decimal value is 12342842.

Hex triplet	bc563a	`#bc563a`
RGB Decimal	188, 86, 58	`rgb(188,86,58)`
RGB Percent	73.7, 33.7, 22.7	`rgb(73.7%,33.7%,22.7%)`
CMYK	0, 54, 69, 26
HSL	12.9°, 52.8, 48.2	`hsl(12.9,52.8%,48.2%)`
HSV (or HSB)	12.9°, 69.1, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.075, 39.143, 35.658
XYZ	24.831, 17.655, 6.103
xyY	0.511, 0.363, 17.655
CIE-LCH	49.075, 52.95, 42.332
CIE-LUV	49.075, 79.546, 30.377
Hunter-Lab	42.018, 31.958, 20.801
Binary	10111100, 01010110, 00111010

#bc563a
```
#bc563a rgb(188,86,58)
```
#3aa0bc
```
#3aa0bc rgb(58,160,188)
```

Complementary Color

#bc3a5f
```
#bc3a5f rgb(188,58,95)
```
#bc563a
```
#bc563a rgb(188,86,58)
```
#bc973a
```
#bc973a rgb(188,151,58)
```

Analogous Color

#3a5fbc
```
#3a5fbc rgb(58,95,188)
```
#bc563a
```
#bc563a rgb(188,86,58)
```
#3abc97
```
#3abc97 rgb(58,188,151)
```

Split Complementary Color

#563abc
```
#563abc rgb(86,58,188)
```
#bc563a
```
#bc563a rgb(188,86,58)
```
#3abc56
```
#3abc56 rgb(58,188,86)
```

Triadic Color

#bc3aa0
```
#bc3aa0 rgb(188,58,160)
```
#bc563a
```
#bc563a rgb(188,86,58)
```
#3abc56
```
#3abc56 rgb(58,188,86)
```
#3aa0bc
```
#3aa0bc rgb(58,160,188)
```

Tetradic Color

#823b28
```
#823b28 rgb(130,59,40)
```
#95442e
```
#95442e rgb(149,68,46)
```
#a94d34
```
#a94d34 rgb(169,77,52)
```
#bc563a
```
#bc563a rgb(188,86,58)
```
#c76449
```
#c76449 rgb(199,100,73)
```
#cd745c
```
#cd745c rgb(205,116,92)
```
#d38570
```
#d38570 rgb(211,133,112)
```

Monochromatic Color

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

#bc3a3e
```
#bc3a3e rgb(188,58,62)
```
#bc403a
```
#bc403a rgb(188,64,58)
```
#bc4b3a
```
#bc4b3a rgb(188,75,58)
```
#bc563a
```
#bc563a rgb(188,86,58)
```
#bc613a
```
#bc613a rgb(188,97,58)
```
#bc6c3a
```
#bc6c3a rgb(188,108,58)
```
#bc773a
```
#bc773a rgb(188,119,58)
```

Similar Colors

Text with hexadecimal color #bc563a

This text has a font color of #bc563a.

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

#bc563a background color

This paragraph has a background color of #bc563a.

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

#bc563a border color

This element has a border color of #bc563a.

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

CSS codes

.text {color:#bc563a;}

.background {background-color:#bc563a;}

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

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

#080403
```
#080403 rgb(8,4,3)
```
#170b07
```
#170b07 rgb(23,11,7)
```
#26110c
```
#26110c rgb(38,17,12)
```
#351810
```
#351810 rgb(53,24,16)
```
#441f15
```
#441f15 rgb(68,31,21)
```
#53261a
```
#53261a rgb(83,38,26)
```
#622d1e
```
#622d1e rgb(98,45,30)
```
#713423
```
#713423 rgb(113,52,35)
```
#803b28
```
#803b28 rgb(128,59,40)
```
#8f412c
```
#8f412c rgb(143,65,44)
```
#9e4831
```
#9e4831 rgb(158,72,49)
```
#ad4f35
```
#ad4f35 rgb(173,79,53)
```
#bc563a
```
#bc563a rgb(188,86,58)
```

Shade Color Variation

#c56044
```
#c56044 rgb(197,96,68)
```
#ca6d53
```
#ca6d53 rgb(202,109,83)
```
#cf7a62
```
#cf7a62 rgb(207,122,98)
```
#d38671
```
#d38671 rgb(211,134,113)
```
#d89380
```
#d89380 rgb(216,147,128)
```
#dda08f
```
#dda08f rgb(221,160,143)
```
#e1ad9e
```
#e1ad9e rgb(225,173,158)
```
#e6b9ad
```
#e6b9ad rgb(230,185,173)
```
#eac6bc
```
#eac6bc rgb(234,198,188)
```
#efd3cb
```
#efd3cb rgb(239,211,203)
```
#f4e0da
```
#f4e0da rgb(244,224,218)
```
#f8ece9
```
#f8ece9 rgb(248,236,233)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#837673
```
#837673 rgb(131,118,115)
```
#8d7169
```
#8d7169 rgb(141,113,105)
```
#966c60
```
#966c60 rgb(150,108,96)
```
#a06656
```
#a06656 rgb(160,102,86)
```
#a9614d
```
#a9614d rgb(169,97,77)
```
#b35b43
```
#b35b43 rgb(179,91,67)
```
#bc563a
```
#bc563a rgb(188,86,58)
```
#c55131
```
#c55131 rgb(197,81,49)
```
#cf4b27
```
#cf4b27 rgb(207,75,39)
```
#d8461e
```
#d8461e rgb(216,70,30)
```
#e24014
```
#e24014 rgb(226,64,20)
```
#eb3b0b
```
#eb3b0b rgb(235,59,11)
```
#f53601
```
#f53601 rgb(245,54,1)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#806c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867b4d Protanopia 1% of men
#97763d Deuteranopia 1% of men
#c15b60 Tritanopia 0.001% of the population

Trichromacy

#9a6e46 Protanomaly 1% of men, 0.01% of women
#a46a3c Deuteranomaly 6% of men, 0.4% of women
#bf5952 Tritanomaly 0.01% of the population

#bc563a hex color

#bc563a Color Information

#bc563a Color Conversion

Color Schemes with #bc563a

Alternatives to #bc563a

#bc563a Preview

Shades and Tints of #bc563a

Tones of #bc563a

Color Blindness Simulator