#bc344d hex color

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

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

● #bc344d color description : Moderate red.

The hexadecimal color #bc344d has RGB values of R:188, G:52, B:77 and CMYK values of C:0, M:0.72, Y:0.59, K:0.26. Its decimal value is 12334157.

Hex triplet	bc344d	`#bc344d`
RGB Decimal	188, 52, 77	`rgb(188,52,77)`
RGB Percent	73.7, 20.4, 30.2	`rgb(73.7%,20.4%,30.2%)`
CMYK	0, 72, 59, 26
HSL	349°, 56.7, 47.1	`hsl(349,56.7%,47.1%)`
HSV (or HSB)	349°, 72.3, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.779, 55.293, 17.808
XYZ	23.307, 13.686, 8.435
xyY	0.513, 0.301, 13.686
CIE-LCH	43.779, 58.09, 17.852
CIE-LUV	43.779, 96.383, 9.553
Hunter-Lab	36.994, 47.72, 12.377
Binary	10111100, 00110100, 01001101

#bc344d
```
#bc344d rgb(188,52,77)
```
#34bca3
```
#34bca3 rgb(52,188,163)
```

Complementary Color

#bc3491
```
#bc3491 rgb(188,52,145)
```
#bc344d
```
#bc344d rgb(188,52,77)
```
#bc5f34
```
#bc5f34 rgb(188,95,52)
```

Analogous Color

#3491bc
```
#3491bc rgb(52,145,188)
```
#bc344d
```
#bc344d rgb(188,52,77)
```
#34bc5f
```
#34bc5f rgb(52,188,95)
```

Split Complementary Color

#344dbc
```
#344dbc rgb(52,77,188)
```
#bc344d
```
#bc344d rgb(188,52,77)
```
#4dbc34
```
#4dbc34 rgb(77,188,52)
```

Triadic Color

#a334bc
```
#a334bc rgb(163,52,188)
```
#bc344d
```
#bc344d rgb(188,52,77)
```
#4dbc34
```
#4dbc34 rgb(77,188,52)
```
#34bca3
```
#34bca3 rgb(52,188,163)
```

Tetradic Color

#802334
```
#802334 rgb(128,35,52)
```
#94293d
```
#94293d rgb(148,41,61)
```
#a82e45
```
#a82e45 rgb(168,46,69)
```
#bc344d
```
#bc344d rgb(188,52,77)
```
#ca3f59
```
#ca3f59 rgb(202,63,89)
```
#d0536a
```
#d0536a rgb(208,83,106)
```
#d5677c
```
#d5677c rgb(213,103,124)
```

Monochromatic Color

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

#bc346f
```
#bc346f rgb(188,52,111)
```
#bc3464
```
#bc3464 rgb(188,52,100)
```
#bc3458
```
#bc3458 rgb(188,52,88)
```
#bc344d
```
#bc344d rgb(188,52,77)
```
#bc3442
```
#bc3442 rgb(188,52,66)
```
#bc3436
```
#bc3436 rgb(188,52,54)
```
#bc3d34
```
#bc3d34 rgb(188,61,52)
```

Similar Colors

Text with hexadecimal color #bc344d

This text has a font color of #bc344d.

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

#bc344d background color

This paragraph has a background color of #bc344d.

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

#bc344d border color

This element has a border color of #bc344d.

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

CSS codes

.text {color:#bc344d;}

.background {background-color:#bc344d;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#130508
```
#130508 rgb(19,5,8)
```
#22090e
```
#22090e rgb(34,9,14)
```
#320e14
```
#320e14 rgb(50,14,20)
```
#41121b
```
#41121b rgb(65,18,27)
```
#501621
```
#501621 rgb(80,22,33)
```
#601b27
```
#601b27 rgb(96,27,39)
```
#6f1f2e
```
#6f1f2e rgb(111,31,46)
```
#7f2334
```
#7f2334 rgb(127,35,52)
```
#8e273a
```
#8e273a rgb(142,39,58)
```
#9d2c40
```
#9d2c40 rgb(157,44,64)
```
#ad3047
```
#ad3047 rgb(173,48,71)
```
#bc344d
```
#bc344d rgb(188,52,77)
```

Shade Color Variation

#c93b55
```
#c93b55 rgb(201,59,85)
```
#cd4a62
```
#cd4a62 rgb(205,74,98)
```
#d15a70
```
#d15a70 rgb(209,90,112)
```
#d6697d
```
#d6697d rgb(214,105,125)
```
#da788a
```
#da788a rgb(218,120,138)
```
#de8898
```
#de8898 rgb(222,136,152)
```
#e297a5
```
#e297a5 rgb(226,151,165)
```
#e7a6b2
```
#e7a6b2 rgb(231,166,178)
```
#ebb6c0
```
#ebb6c0 rgb(235,182,192)
```
#efc5cd
```
#efc5cd rgb(239,197,205)
```
#f3d5da
```
#f3d5da rgb(243,213,218)
```
#f8e4e7
```
#f8e4e7 rgb(248,228,231)
```
#fcf3f5
```
#fcf3f5 rgb(252,243,245)
```

Tint Color Variation

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

#7b7576
```
#7b7576 rgb(123,117,118)
```
#856b70
```
#856b70 rgb(133,107,112)
```
#8e626a
```
#8e626a rgb(142,98,106)
```
#975964
```
#975964 rgb(151,89,100)
```
#a0505f
```
#a0505f rgb(160,80,95)
```
#aa4659
```
#aa4659 rgb(170,70,89)
```
#b33d53
```
#b33d53 rgb(179,61,83)
```
#bc344d
```
#bc344d rgb(188,52,77)
```
#c52b47
```
#c52b47 rgb(197,43,71)
```
#ce2241
```
#ce2241 rgb(206,34,65)
```
#d8183b
```
#d8183b rgb(216,24,59)
```
#e10f36
```
#e10f36 rgb(225,15,54)
```
#ea0630
```
#ea0630 rgb(234,6,48)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#72575c Atypical Achromatopsia 0.001% of the population

Dichromacy

#726e6a Protanopia 1% of men
#846a4d Deuteranopia 1% of men
#be4245 Tritanopia 0.001% of the population

Trichromacy

#8d595f Protanomaly 1% of men, 0.01% of women
#98564d Deuteranomaly 6% of men, 0.4% of women
#bd3c48 Tritanomaly 0.01% of the population

#bc344d hex color

#bc344d Color Information

#bc344d Color Conversion

Color Schemes with #bc344d

Alternatives to #bc344d

#bc344d Preview

Shades and Tints of #bc344d

Tones of #bc344d

Color Blindness Simulator