#bc341f hex color

In a RGB color space, hex #bc341f is composed of 73.7% red, 20.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 83.5% yellow and 26.3% black. It has a hue angle of 8 degrees, a saturation of 71.7% and a lightness of 42.9%. #bc341f color hex could be obtained by blending #ff683e with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 20
- B 12
RGB color chart
- C 0
- M 72
- Y 84
- K 26
CMYK color chart

● #bc341f color description : Strong red.

The hexadecimal color #bc341f has RGB values of R:188, G:52, B:31 and CMYK values of C:0, M:0.72, Y:0.84, K:0.26. Its decimal value is 12334111.

Hex triplet	bc341f	`#bc341f`
RGB Decimal	188, 52, 31	`rgb(188,52,31)`
RGB Percent	73.7, 20.4, 12.2	`rgb(73.7%,20.4%,12.2%)`
CMYK	0, 72, 84, 26
HSL	8°, 71.7, 42.9	`hsl(8,71.7%,42.9%)`
HSV (or HSB)	8°, 83.5, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.136, 53.098, 43.753
XYZ	22.215, 13.249, 2.684
xyY	0.582, 0.347, 13.249
CIE-LCH	43.136, 68.802, 39.489
CIE-LUV	43.136, 106.659, 29.363
Hunter-Lab	36.399, 45.245, 21.108
Binary	10111100, 00110100, 00011111

#bc341f
```
#bc341f rgb(188,52,31)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```

Complementary Color

#bc1f58
```
#bc1f58 rgb(188,31,88)
```
#bc341f
```
#bc341f rgb(188,52,31)
```
#bc831f
```
#bc831f rgb(188,131,31)
```

Analogous Color

#1f58bc
```
#1f58bc rgb(31,88,188)
```
#bc341f
```
#bc341f rgb(188,52,31)
```
#1fbc83
```
#1fbc83 rgb(31,188,131)
```

Split Complementary Color

#341fbc
```
#341fbc rgb(52,31,188)
```
#bc341f
```
#bc341f rgb(188,52,31)
```
#1fbc34
```
#1fbc34 rgb(31,188,52)
```

Triadic Color

#bc1fa7
```
#bc1fa7 rgb(188,31,167)
```
#bc341f
```
#bc341f rgb(188,52,31)
```
#1fbc34
```
#1fbc34 rgb(31,188,52)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```

Tetradic Color

#7a2214
```
#7a2214 rgb(122,34,20)
```
#902818
```
#902818 rgb(144,40,24)
```
#a62e1b
```
#a62e1b rgb(166,46,27)
```
#bc341f
```
#bc341f rgb(188,52,31)
```
#d23a23
```
#d23a23 rgb(210,58,35)
```
#dd4831
```
#dd4831 rgb(221,72,49)
```
#e15b47
```
#e15b47 rgb(225,91,71)
```

Monochromatic Color

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

#bc1f31
```
#bc1f31 rgb(188,31,49)
```
#bc1f24
```
#bc1f24 rgb(188,31,36)
```
#bc271f
```
#bc271f rgb(188,39,31)
```
#bc341f
```
#bc341f rgb(188,52,31)
```
#bc411f
```
#bc411f rgb(188,65,31)
```
#bc4e1f
```
#bc4e1f rgb(188,78,31)
```
#bc5b1f
```
#bc5b1f rgb(188,91,31)
```

Similar Colors

Text with hexadecimal color #bc341f

This text has a font color of #bc341f.

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

#bc341f background color

This paragraph has a background color of #bc341f.

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

#bc341f border color

This element has a border color of #bc341f.

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

CSS codes

.text {color:#bc341f;}

.background {background-color:#bc341f;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140503
```
#140503 rgb(20,5,3)
```
#240a06
```
#240a06 rgb(36,10,6)
```
#350f09
```
#350f09 rgb(53,15,9)
```
#46130c
```
#46130c rgb(70,19,12)
```
#57180e
```
#57180e rgb(87,24,14)
```
#681d11
```
#681d11 rgb(104,29,17)
```
#792114
```
#792114 rgb(121,33,20)
```
#892617
```
#892617 rgb(137,38,23)
```
#9a2b19
```
#9a2b19 rgb(154,43,25)
```
#ab2f1c
```
#ab2f1c rgb(171,47,28)
```
#bc341f
```
#bc341f rgb(188,52,31)
```
#cd3922
```
#cd3922 rgb(205,57,34)
```

Shade Color Variation

#db3f27
```
#db3f27 rgb(219,63,39)
```
#de4e38
```
#de4e38 rgb(222,78,56)
```
#e15d49
```
#e15d49 rgb(225,93,73)
```
#e46c59
```
#e46c59 rgb(228,108,89)
```
#e67b6a
```
#e67b6a rgb(230,123,106)
```
#e98a7b
```
#e98a7b rgb(233,138,123)
```
#ec998c
```
#ec998c rgb(236,153,140)
```
#efa89d
```
#efa89d rgb(239,168,157)
```
#f2b7ae
```
#f2b7ae rgb(242,183,174)
```
#f4c6be
```
#f4c6be rgb(244,198,190)
```
#f7d5cf
```
#f7d5cf rgb(247,213,207)
```
#fae4e0
```
#fae4e0 rgb(250,228,224)
```
#fdf3f1
```
#fdf3f1 rgb(253,243,241)
```

Tint Color Variation

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

#706c6b
```
#706c6b rgb(112,108,107)
```
#796562
```
#796562 rgb(121,101,98)
```
#815f5a
```
#815f5a rgb(129,95,90)
```
#895952
```
#895952 rgb(137,89,82)
```
#925349
```
#925349 rgb(146,83,73)
```
#9a4d41
```
#9a4d41 rgb(154,77,65)
```
#a34738
```
#a34738 rgb(163,71,56)
```
#ab4030
```
#ab4030 rgb(171,64,48)
```
#b43a27
```
#b43a27 rgb(180,58,39)
```
#bc341f
```
#bc341f rgb(188,52,31)
```
#c42e17
```
#c42e17 rgb(196,46,23)
```
#cd280e
```
#cd280e rgb(205,40,14)
```
#d52106
```
#d52106 rgb(213,33,6)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6e524e Atypical Achromatopsia 0.001% of the population

Dichromacy

#796d36 Protanopia 1% of men
#88681c Deuteranopia 1% of men
#c03c3e Tritanopia 0.001% of the population

Trichromacy

#91582e Protanomaly 1% of men, 0.01% of women
#9b551d Deuteranomaly 6% of men, 0.4% of women
#be3933 Tritanomaly 0.01% of the population

#bc341f hex color

#bc341f Color Information

#bc341f Color Conversion

Color Schemes with #bc341f

Alternatives to #bc341f

#bc341f Preview

Shades and Tints of #bc341f

Tones of #bc341f

Color Blindness Simulator