colorhexa.com

#bc343c hex color

In a RGB color space, hex #bc343c is composed of 73.7% red, 20.4% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 68.1% yellow and 26.3% black. It has a hue angle of 356.5 degrees, a saturation of 56.7% and a lightness of 47.1%. #bc343c color hex could be obtained by blending #ff6878 with #790000. Closest websafe color is: #cc3333.

- R 74
- G 20
- B 24
RGB color chart
- C 0
- M 72
- Y 68
- K 26
CMYK color chart

● #bc343c color description : Moderate red.

The hexadecimal color #bc343c has RGB values of R:188, G:52, B:60 and CMYK values of C:0, M:0.72, Y:0.68, K:0.26. Its decimal value is 12334140.

Hex triplet	bc343c	`#bc343c`
RGB Decimal	188, 52, 60	`rgb(188,52,60)`
RGB Percent	73.7, 20.4, 23.5	`rgb(73.7%,20.4%,23.5%)`
CMYK	0, 72, 68, 26
HSL	356.5°, 56.7, 47.1	`hsl(356.5,56.7%,47.1%)`
HSV (or HSB)	356.5°, 72.3, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.472, 54.252, 27.825
XYZ	22.784, 13.476, 5.676
xyY	0.543, 0.321, 13.476
CIE-LCH	43.472, 60.972, 27.153
CIE-LUV	43.472, 101.057, 18.614
Hunter-Lab	36.71, 46.542, 16.529
Binary	10111100, 00110100, 00111100

#bc343c
```
#bc343c rgb(188,52,60)
```
#34bcb4
```
#34bcb4 rgb(52,188,180)
```

Complementary Color

#bc3480
```
#bc3480 rgb(188,52,128)
```
#bc343c
```
#bc343c rgb(188,52,60)
```
#bc7034
```
#bc7034 rgb(188,112,52)
```

Analogous Color

#3480bc
```
#3480bc rgb(52,128,188)
```
#bc343c
```
#bc343c rgb(188,52,60)
```
#34bc70
```
#34bc70 rgb(52,188,112)
```

Split Complementary Color

#343cbc
```
#343cbc rgb(52,60,188)
```
#bc343c
```
#bc343c rgb(188,52,60)
```
#3cbc34
```
#3cbc34 rgb(60,188,52)
```

Triadic Color

#b434bc
```
#b434bc rgb(180,52,188)
```
#bc343c
```
#bc343c rgb(188,52,60)
```
#3cbc34
```
#3cbc34 rgb(60,188,52)
```
#34bcb4
```
#34bcb4 rgb(52,188,180)
```

Tetradic Color

#802329
```
#802329 rgb(128,35,41)
```
#94292f
```
#94292f rgb(148,41,47)
```
#a82e36
```
#a82e36 rgb(168,46,54)
```
#bc343c
```
#bc343c rgb(188,52,60)
```
#ca3f48
```
#ca3f48 rgb(202,63,72)
```
#d0535b
```
#d0535b rgb(208,83,91)
```
#d5676e
```
#d5676e rgb(213,103,110)
```

Monochromatic Color

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

#bc345e
```
#bc345e rgb(188,52,94)
```
#bc3453
```
#bc3453 rgb(188,52,83)
```
#bc3447
```
#bc3447 rgb(188,52,71)
```
#bc343c
```
#bc343c rgb(188,52,60)
```
#bc3734
```
#bc3734 rgb(188,55,52)
```
#bc4334
```
#bc4334 rgb(188,67,52)
```
#bc4e34
```
#bc4e34 rgb(188,78,52)
```

Similar Colors

Text with hexadecimal color #bc343c

This text has a font color of #bc343c.

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

#bc343c background color

This paragraph has a background color of #bc343c.

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

#bc343c border color

This element has a border color of #bc343c.

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

CSS codes

.text {color:#bc343c;}

.background {background-color:#bc343c;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#130506
```
#130506 rgb(19,5,6)
```
#22090b
```
#22090b rgb(34,9,11)
```
#320e10
```
#320e10 rgb(50,14,16)
```
#411215
```
#411215 rgb(65,18,21)
```
#50161a
```
#50161a rgb(80,22,26)
```
#601b1f
```
#601b1f rgb(96,27,31)
```
#6f1f23
```
#6f1f23 rgb(111,31,35)
```
#7f2328
```
#7f2328 rgb(127,35,40)
```
#8e272d
```
#8e272d rgb(142,39,45)
```
#9d2c32
```
#9d2c32 rgb(157,44,50)
```
#ad3037
```
#ad3037 rgb(173,48,55)
```
#bc343c
```
#bc343c rgb(188,52,60)
```

Shade Color Variation

#c93b43
```
#c93b43 rgb(201,59,67)
```
#cd4a52
```
#cd4a52 rgb(205,74,82)
```
#d15a61
```
#d15a61 rgb(209,90,97)
```
#d6696f
```
#d6696f rgb(214,105,111)
```
#da787e
```
#da787e rgb(218,120,126)
```
#de888d
```
#de888d rgb(222,136,141)
```
#e2979b
```
#e2979b rgb(226,151,155)
```
#e7a6aa
```
#e7a6aa rgb(231,166,170)
```
#ebb6b9
```
#ebb6b9 rgb(235,182,185)
```
#efc5c8
```
#efc5c8 rgb(239,197,200)
```
#f3d5d6
```
#f3d5d6 rgb(243,213,214)
```
#f8e4e5
```
#f8e4e5 rgb(248,228,229)
```
#fcf3f4
```
#fcf3f4 rgb(252,243,244)
```

Tint Color Variation

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

#7b7575
```
#7b7575 rgb(123,117,117)
```
#856b6d
```
#856b6d rgb(133,107,109)
```
#8e6265
```
#8e6265 rgb(142,98,101)
```
#97595d
```
#97595d rgb(151,89,93)
```
#a05054
```
#a05054 rgb(160,80,84)
```
#aa464c
```
#aa464c rgb(170,70,76)
```
#b33d44
```
#b33d44 rgb(179,61,68)
```
#bc343c
```
#bc343c rgb(188,52,60)
```
#c52b34
```
#c52b34 rgb(197,43,52)
```
#ce222c
```
#ce222c rgb(206,34,44)
```
#d81824
```
#d81824 rgb(216,24,36)
```
#e10f1b
```
#e10f1b rgb(225,15,27)
```
#ea0613
```
#ea0613 rgb(234,6,19)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#715657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756e56 Protanopia 1% of men
#86693d Deuteranopia 1% of men
#bf3f42 Tritanopia 0.001% of the population

Trichromacy

#8f594d Protanomaly 1% of men, 0.01% of women
#99563c Deuteranomaly 6% of men, 0.4% of women
#be3b3f Tritanomaly 0.01% of the population