#bc421f hex color

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

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

● #bc421f color description : Strong red.

The hexadecimal color #bc421f has RGB values of R:188, G:66, B:31 and CMYK values of C:0, M:0.65, Y:0.84, K:0.26. Its decimal value is 12337695.

Hex triplet	bc421f	`#bc421f`
RGB Decimal	188, 66, 31	`rgb(188,66,31)`
RGB Percent	73.7, 25.9, 12.2	`rgb(73.7%,25.9%,12.2%)`
CMYK	0, 65, 84, 26
HSL	13.4°, 71.7, 42.9	`hsl(13.4,71.7%,42.9%)`
HSV (or HSB)	13.4°, 83.5, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.206, 47.469, 45.636
XYZ	22.936, 14.689, 2.924
xyY	0.566, 0.362, 14.689
CIE-LCH	45.206, 65.848, 43.872
CIE-LUV	45.206, 97.642, 33.018
Hunter-Lab	38.327, 39.747, 22.305
Binary	10111100, 01000010, 00011111

#bc421f
```
#bc421f rgb(188,66,31)
```
#1f99bc
```
#1f99bc rgb(31,153,188)
```

Complementary Color

#bc1f4a
```
#bc1f4a rgb(188,31,74)
```
#bc421f
```
#bc421f rgb(188,66,31)
```
#bc911f
```
#bc911f rgb(188,145,31)
```

Analogous Color

#1f4abc
```
#1f4abc rgb(31,74,188)
```
#bc421f
```
#bc421f rgb(188,66,31)
```
#1fbc91
```
#1fbc91 rgb(31,188,145)
```

Split Complementary Color

#421fbc
```
#421fbc rgb(66,31,188)
```
#bc421f
```
#bc421f rgb(188,66,31)
```
#1fbc42
```
#1fbc42 rgb(31,188,66)
```

Triadic Color

#bc1f99
```
#bc1f99 rgb(188,31,153)
```
#bc421f
```
#bc421f rgb(188,66,31)
```
#1fbc42
```
#1fbc42 rgb(31,188,66)
```
#1f99bc
```
#1f99bc rgb(31,153,188)
```

Tetradic Color

#7a2b14
```
#7a2b14 rgb(122,43,20)
```
#903318
```
#903318 rgb(144,51,24)
```
#a63a1b
```
#a63a1b rgb(166,58,27)
```
#bc421f
```
#bc421f rgb(188,66,31)
```
#d24a23
```
#d24a23 rgb(210,74,35)
```
#dd5731
```
#dd5731 rgb(221,87,49)
```
#e16947
```
#e16947 rgb(225,105,71)
```

Monochromatic Color

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

#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)
```
#bc691f
```
#bc691f rgb(188,105,31)
```

Similar Colors

Text with hexadecimal color #bc421f

This text has a font color of #bc421f.

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

#bc421f background color

This paragraph has a background color of #bc421f.

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

#bc421f border color

This element has a border color of #bc421f.

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

CSS codes

.text {color:#bc421f;}

.background {background-color:#bc421f;}

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

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 #fdf4f1 is the lightest one.

#030100
```
#030100 rgb(3,1,0)
```
#140703
```
#140703 rgb(20,7,3)
```
#240d06
```
#240d06 rgb(36,13,6)
```
#351309
```
#351309 rgb(53,19,9)
```
#46190c
```
#46190c rgb(70,25,12)
```
#571f0e
```
#571f0e rgb(87,31,14)
```
#682411
```
#682411 rgb(104,36,17)
```
#792a14
```
#792a14 rgb(121,42,20)
```
#893017
```
#893017 rgb(137,48,23)
```
#9a3619
```
#9a3619 rgb(154,54,25)
```
#ab3c1c
```
#ab3c1c rgb(171,60,28)
```
#bc421f
```
#bc421f rgb(188,66,31)
```
#cd4822
```
#cd4822 rgb(205,72,34)
```

Shade Color Variation

#db4f27
```
#db4f27 rgb(219,79,39)
```
#de5d38
```
#de5d38 rgb(222,93,56)
```
#e16b49
```
#e16b49 rgb(225,107,73)
```
#e47859
```
#e47859 rgb(228,120,89)
```
#e6866a
```
#e6866a rgb(230,134,106)
```
#e9947b
```
#e9947b rgb(233,148,123)
```
#eca18c
```
#eca18c rgb(236,161,140)
```
#efaf9d
```
#efaf9d rgb(239,175,157)
```
#f2bdae
```
#f2bdae rgb(242,189,174)
```
#f4cabe
```
#f4cabe rgb(244,202,190)
```
#f7d8cf
```
#f7d8cf rgb(247,216,207)
```
#fae6e0
```
#fae6e0 rgb(250,230,224)
```
#fdf4f1
```
#fdf4f1 rgb(253,244,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 #d53406 is the most saturated one.

#706c6b
```
#706c6b rgb(112,108,107)
```
#796762
```
#796762 rgb(121,103,98)
```
#81635a
```
#81635a rgb(129,99,90)
```
#895e52
```
#895e52 rgb(137,94,82)
```
#925949
```
#925949 rgb(146,89,73)
```
#9a5541
```
#9a5541 rgb(154,85,65)
```
#a35038
```
#a35038 rgb(163,80,56)
```
#ab4b30
```
#ab4b30 rgb(171,75,48)
```
#b44727
```
#b44727 rgb(180,71,39)
```
#bc421f
```
#bc421f rgb(188,66,31)
```
#c43d17
```
#c43d17 rgb(196,61,23)
```
#cd390e
```
#cd390e rgb(205,57,14)
```
#d53406
```
#d53406 rgb(213,52,6)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7234 Protanopia 1% of men
#8e6d1e Deuteranopia 1% of men
#c0484b Tritanopia 0.001% of the population

Trichromacy

#95612c Protanomaly 1% of men, 0.01% of women
#9f5d1e Deuteranomaly 6% of men, 0.4% of women
#be453b Tritanomaly 0.01% of the population

#bc421f hex color

#bc421f Color Information

#bc421f Color Conversion

Color Schemes with #bc421f

Alternatives to #bc421f

#bc421f Preview

Shades and Tints of #bc421f

Tones of #bc421f

Color Blindness Simulator