#bc351f hex color

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

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

● #bc351f color description : Strong red.

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

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

CIE-LAB	43.27, 52.729, 43.876
XYZ	22.261, 13.339, 2.699
xyY	0.581, 0.348, 13.339
CIE-LCH	43.27, 68.596, 39.764
CIE-LUV	43.27, 106.063, 29.601
Hunter-Lab	36.523, 44.88, 21.185
Binary	10111100, 00110101, 00011111

#bc351f
```
#bc351f rgb(188,53,31)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```

Complementary Color

#bc1f57
```
#bc1f57 rgb(188,31,87)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#bc841f
```
#bc841f rgb(188,132,31)
```

Analogous Color

#1f57bc
```
#1f57bc rgb(31,87,188)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#1fbc84
```
#1fbc84 rgb(31,188,132)
```

Split Complementary Color

#351fbc
```
#351fbc rgb(53,31,188)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#1fbc35
```
#1fbc35 rgb(31,188,53)
```

Triadic Color

#bc1fa6
```
#bc1fa6 rgb(188,31,166)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#1fbc35
```
#1fbc35 rgb(31,188,53)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```

Tetradic Color

#7a2214
```
#7a2214 rgb(122,34,20)
```
#902918
```
#902918 rgb(144,41,24)
```
#a62f1b
```
#a62f1b rgb(166,47,27)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#d23b23
```
#d23b23 rgb(210,59,35)
```
#dd4931
```
#dd4931 rgb(221,73,49)
```
#e15c47
```
#e15c47 rgb(225,92,71)
```

Monochromatic Color

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

#bc1f30
```
#bc1f30 rgb(188,31,48)
```
#bc1f23
```
#bc1f23 rgb(188,31,35)
```
#bc281f
```
#bc281f rgb(188,40,31)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#bc421f
```
#bc421f rgb(188,66,31)
```
#bc4f1f
```
#bc4f1f rgb(188,79,31)
```
#bc5c1f
```
#bc5c1f rgb(188,92,31)
```

Similar Colors

Text with hexadecimal color #bc351f

This text has a font color of #bc351f.

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

#bc351f background color

This paragraph has a background color of #bc351f.

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

#bc351f border color

This element has a border color of #bc351f.

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

CSS codes

.text {color:#bc351f;}

.background {background-color:#bc351f;}

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

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)
```
#140603
```
#140603 rgb(20,6,3)
```
#240a06
```
#240a06 rgb(36,10,6)
```
#350f09
```
#350f09 rgb(53,15,9)
```
#46140c
```
#46140c rgb(70,20,12)
```
#57190e
```
#57190e rgb(87,25,14)
```
#681d11
```
#681d11 rgb(104,29,17)
```
#792214
```
#792214 rgb(121,34,20)
```
#892717
```
#892717 rgb(137,39,23)
```
#9a2c19
```
#9a2c19 rgb(154,44,25)
```
#ab301c
```
#ab301c rgb(171,48,28)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```

Shade Color Variation

#db4027
```
#db4027 rgb(219,64,39)
```
#de4f38
```
#de4f38 rgb(222,79,56)
```
#e15e49
```
#e15e49 rgb(225,94,73)
```
#e46d59
```
#e46d59 rgb(228,109,89)
```
#e67c6a
```
#e67c6a rgb(230,124,106)
```
#e98b7b
```
#e98b7b rgb(233,139,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 #d52306 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)
```
#ab4130
```
#ab4130 rgb(171,65,48)
```
#b43b27
```
#b43b27 rgb(180,59,39)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#c42f17
```
#c42f17 rgb(196,47,23)
```
#cd290e
```
#cd290e rgb(205,41,14)
```
#d52306
```
#d52306 rgb(213,35,6)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e534f Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e36 Protanopia 1% of men
#89681c Deuteranopia 1% of men
#c03c3f Tritanopia 0.001% of the population

Trichromacy

#91592e Protanomaly 1% of men, 0.01% of women
#9b561d Deuteranomaly 6% of men, 0.4% of women
#be3a33 Tritanomaly 0.01% of the population

#bc351f hex color

#bc351f Color Information

#bc351f Color Conversion

Color Schemes with #bc351f

Alternatives to #bc351f

#bc351f Preview

Shades and Tints of #bc351f

Tones of #bc351f

Color Blindness Simulator