#bc342f hex color

In a RGB color space, hex #bc342f is composed of 73.7% red, 20.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 75% yellow and 26.3% black. It has a hue angle of 2.1 degrees, a saturation of 60% and a lightness of 46.1%. #bc342f color hex could be obtained by blending #ff685e with #790000. Closest websafe color is: #cc3333.

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

● #bc342f color description : Strong red.

The hexadecimal color #bc342f has RGB values of R:188, G:52, B:47 and CMYK values of C:0, M:0.72, Y:0.75, K:0.26. Its decimal value is 12334127.

Hex triplet	bc342f	`#bc342f`
RGB Decimal	188, 52, 47	`rgb(188,52,47)`
RGB Percent	73.7, 20.4, 18.4	`rgb(73.7%,20.4%,18.4%)`
CMYK	0, 72, 75, 26
HSL	2.1°, 60, 46.1	`hsl(2.1,60%,46.1%)`
HSV (or HSB)	2.1°, 75, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.294, 53.641, 35.286
XYZ	22.481, 13.355, 4.083
xyY	0.563, 0.335, 13.355
CIE-LCH	43.294, 64.207, 33.338
CIE-LUV	43.294, 103.965, 24.208
Hunter-Lab	36.545, 45.854, 18.957
Binary	10111100, 00110100, 00101111

#bc342f
```
#bc342f rgb(188,52,47)
```
#2fb7bc
```
#2fb7bc rgb(47,183,188)
```

Complementary Color

#bc2f71
```
#bc2f71 rgb(188,47,113)
```
#bc342f
```
#bc342f rgb(188,52,47)
```
#bc7b2f
```
#bc7b2f rgb(188,123,47)
```

Analogous Color

#2f71bc
```
#2f71bc rgb(47,113,188)
```
#bc342f
```
#bc342f rgb(188,52,47)
```
#2fbc7b
```
#2fbc7b rgb(47,188,123)
```

Split Complementary Color

#342fbc
```
#342fbc rgb(52,47,188)
```
#bc342f
```
#bc342f rgb(188,52,47)
```
#2fbc34
```
#2fbc34 rgb(47,188,52)
```

Triadic Color

#bc2fb7
```
#bc2fb7 rgb(188,47,183)
```
#bc342f
```
#bc342f rgb(188,52,47)
```
#2fbc34
```
#2fbc34 rgb(47,188,52)
```
#2fb7bc
```
#2fb7bc rgb(47,183,188)
```

Tetradic Color

#7f2320
```
#7f2320 rgb(127,35,32)
```
#932925
```
#932925 rgb(147,41,37)
```
#a82e2a
```
#a82e2a rgb(168,46,42)
```
#bc342f
```
#bc342f rgb(188,52,47)
```
#cd3d37
```
#cd3d37 rgb(205,61,55)
```
#d2514c
```
#d2514c rgb(210,81,76)
```
#d76460
```
#d76460 rgb(215,100,96)
```

Monochromatic Color

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

#bc2f4d
```
#bc2f4d rgb(188,47,77)
```
#bc2f42
```
#bc2f42 rgb(188,47,66)
```
#bc2f36
```
#bc2f36 rgb(188,47,54)
```
#bc342f
```
#bc342f rgb(188,52,47)
```
#bc402f
```
#bc402f rgb(188,64,47)
```
#bc4b2f
```
#bc4b2f rgb(188,75,47)
```
#bc572f
```
#bc572f rgb(188,87,47)
```

Similar Colors

Text with hexadecimal color #bc342f

This text has a font color of #bc342f.

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

#bc342f background color

This paragraph has a background color of #bc342f.

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

#bc342f border color

This element has a border color of #bc342f.

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

CSS codes

.text {color:#bc342f;}

.background {background-color:#bc342f;}

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

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, #0f0404 is the darkest color, while #ffffff is the lightest one.

#0f0404
```
#0f0404 rgb(15,4,4)
```
#1f0908
```
#1f0908 rgb(31,9,8)
```
#2f0d0c
```
#2f0d0c rgb(47,13,12)
```
#3e1110
```
#3e1110 rgb(62,17,16)
```
#4e1614
```
#4e1614 rgb(78,22,20)
```
#5e1a17
```
#5e1a17 rgb(94,26,23)
```
#6e1e1b
```
#6e1e1b rgb(110,30,27)
```
#7d231f
```
#7d231f rgb(125,35,31)
```
#8d2723
```
#8d2723 rgb(141,39,35)
```
#9d2b27
```
#9d2b27 rgb(157,43,39)
```
#ac302b
```
#ac302b rgb(172,48,43)
```
#bc342f
```
#bc342f rgb(188,52,47)
```
#cc3833
```
#cc3833 rgb(204,56,51)
```

Shade Color Variation

#d04742
```
#d04742 rgb(208,71,66)
```
#d45752
```
#d45752 rgb(212,87,82)
```
#d86662
```
#d86662 rgb(216,102,98)
```
#dc7571
```
#dc7571 rgb(220,117,113)
```
#e08581
```
#e08581 rgb(224,133,129)
```
#e39491
```
#e39491 rgb(227,148,145)
```
#e7a3a1
```
#e7a3a1 rgb(231,163,161)
```
#ebb2b0
```
#ebb2b0 rgb(235,178,176)
```
#efc2c0
```
#efc2c0 rgb(239,194,192)
```
#f3d1d0
```
#f3d1d0 rgb(243,209,208)
```
#f7e0df
```
#f7e0df rgb(247,224,223)
```
#fbefef
```
#fbefef rgb(251,239,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d6f6e
```
#7d6f6e rgb(125,111,110)
```
#866665
```
#866665 rgb(134,102,101)
```
#8f5e5c
```
#8f5e5c rgb(143,94,92)
```
#985653
```
#985653 rgb(152,86,83)
```
#a14d4a
```
#a14d4a rgb(161,77,74)
```
#aa4541
```
#aa4541 rgb(170,69,65)
```
#b33c38
```
#b33c38 rgb(179,60,56)
```
#bc342f
```
#bc342f rgb(188,52,47)
```
#c52c26
```
#c52c26 rgb(197,44,38)
```
#ce231d
```
#ce231d rgb(206,35,29)
```
#d71b14
```
#d71b14 rgb(215,27,20)
```
#e0120b
```
#e0120b rgb(224,18,11)
```
#e90a02
```
#e90a02 rgb(233,10,2)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776e48 Protanopia 1% of men
#87692f Deuteranopia 1% of men
#bf3d40 Tritanopia 0.001% of the population

Trichromacy

#90593f Protanomaly 1% of men, 0.01% of women
#9a552f Deuteranomaly 6% of men, 0.4% of women
#be3a39 Tritanomaly 0.01% of the population

#bc342f hex color

#bc342f Color Information

#bc342f Color Conversion

Color Schemes with #bc342f

Alternatives to #bc342f

#bc342f Preview

Shades and Tints of #bc342f

Tones of #bc342f

Color Blindness Simulator