#bc313c hex color

In a RGB color space, hex #bc313c is composed of 73.7% red, 19.2% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.9% magenta, 68.1% yellow and 26.3% black. It has a hue angle of 355.3 degrees, a saturation of 58.6% and a lightness of 46.5%. #bc313c color hex could be obtained by blending #ff6278 with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 19
- B 24
RGB color chart
- C 0
- M 74
- Y 68
- K 26
CMYK color chart

● #bc313c color description : Moderate red.

The hexadecimal color #bc313c has RGB values of R:188, G:49, B:60 and CMYK values of C:0, M:0.74, Y:0.68, K:0.26. Its decimal value is 12333372.

Hex triplet	bc313c	`#bc313c`
RGB Decimal	188, 49, 60	`rgb(188,49,60)`
RGB Percent	73.7, 19.2, 23.5	`rgb(73.7%,19.2%,23.5%)`
CMYK	0, 74, 68, 26
HSL	355.3°, 58.6, 46.5	`hsl(355.3,58.6%,46.5%)`
HSV (or HSB)	355.3°, 73.9, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.088, 55.317, 27.353
XYZ	22.654, 13.217, 5.633
xyY	0.546, 0.318, 13.217
CIE-LCH	43.088, 61.71, 26.312
CIE-LUV	43.088, 102.624, 17.851
Hunter-Lab	36.355, 47.608, 16.262
Binary	10111100, 00110001, 00111100

#bc313c
```
#bc313c rgb(188,49,60)
```
#31bcb1
```
#31bcb1 rgb(49,188,177)
```

Complementary Color

#bc3182
```
#bc3182 rgb(188,49,130)
```
#bc313c
```
#bc313c rgb(188,49,60)
```
#bc6c31
```
#bc6c31 rgb(188,108,49)
```

Analogous Color

#3182bc
```
#3182bc rgb(49,130,188)
```
#bc313c
```
#bc313c rgb(188,49,60)
```
#31bc6c
```
#31bc6c rgb(49,188,108)
```

Split Complementary Color

#313cbc
```
#313cbc rgb(49,60,188)
```
#bc313c
```
#bc313c rgb(188,49,60)
```
#3cbc31
```
#3cbc31 rgb(60,188,49)
```

Triadic Color

#b131bc
```
#b131bc rgb(177,49,188)
```
#bc313c
```
#bc313c rgb(188,49,60)
```
#3cbc31
```
#3cbc31 rgb(60,188,49)
```
#31bcb1
```
#31bcb1 rgb(49,188,177)
```

Tetradic Color

#7f2129
```
#7f2129 rgb(127,33,41)
```
#94262f
```
#94262f rgb(148,38,47)
```
#a82c36
```
#a82c36 rgb(168,44,54)
```
#bc313c
```
#bc313c rgb(188,49,60)
```
#cc3b46
```
#cc3b46 rgb(204,59,70)
```
#d14f59
```
#d14f59 rgb(209,79,89)
```
#d6636c
```
#d6636c rgb(214,99,108)
```

Monochromatic Color

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

#bc315f
```
#bc315f rgb(188,49,95)
```
#bc3153
```
#bc3153 rgb(188,49,83)
```
#bc3148
```
#bc3148 rgb(188,49,72)
```
#bc313c
```
#bc313c rgb(188,49,60)
```
#bc3231
```
#bc3231 rgb(188,50,49)
```
#bc3d31
```
#bc3d31 rgb(188,61,49)
```
#bc4931
```
#bc4931 rgb(188,73,49)
```

Similar Colors

Text with hexadecimal color #bc313c

This text has a font color of #bc313c.

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

#bc313c background color

This paragraph has a background color of #bc313c.

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

#bc313c border color

This element has a border color of #bc313c.

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

CSS codes

.text {color:#bc313c;}

.background {background-color:#bc313c;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110405
```
#110405 rgb(17,4,5)
```
#20080a
```
#20080a rgb(32,8,10)
```
#300d0f
```
#300d0f rgb(48,13,15)
```
#401114
```
#401114 rgb(64,17,20)
```
#4f1519
```
#4f1519 rgb(79,21,25)
```
#5f191e
```
#5f191e rgb(95,25,30)
```
#6e1d23
```
#6e1d23 rgb(110,29,35)
```
#7e2128
```
#7e2128 rgb(126,33,40)
```
#8d252d
```
#8d252d rgb(141,37,45)
```
#9d2932
```
#9d2932 rgb(157,41,50)
```
#ac2d37
```
#ac2d37 rgb(172,45,55)
```
#bc313c
```
#bc313c rgb(188,49,60)
```

Shade Color Variation

#cb3642
```
#cb3642 rgb(203,54,66)
```
#cf4650
```
#cf4650 rgb(207,70,80)
```
#d3555f
```
#d3555f rgb(211,85,95)
```
#d7656e
```
#d7656e rgb(215,101,110)
```
#db747c
```
#db747c rgb(219,116,124)
```
#df848b
```
#df848b rgb(223,132,139)
```
#e3939a
```
#e3939a rgb(227,147,154)
```
#e7a3a8
```
#e7a3a8 rgb(231,163,168)
```
#ebb2b7
```
#ebb2b7 rgb(235,178,183)
```
#efc2c6
```
#efc2c6 rgb(239,194,198)
```
#f3d2d4
```
#f3d2d4 rgb(243,210,212)
```
#f7e1e3
```
#f7e1e3 rgb(247,225,227)
```
#fbf1f2
```
#fbf1f2 rgb(251,241,242)
```

Tint Color Variation

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

#7c7172
```
#7c7172 rgb(124,113,114)
```
#85686a
```
#85686a rgb(133,104,106)
```
#8e5f62
```
#8e5f62 rgb(142,95,98)
```
#98555b
```
#98555b rgb(152,85,91)
```
#a14c53
```
#a14c53 rgb(161,76,83)
```
#aa434b
```
#aa434b rgb(170,67,75)
```
#b33a44
```
#b33a44 rgb(179,58,68)
```
#bc313c
```
#bc313c rgb(188,49,60)
```
#c52834
```
#c52834 rgb(197,40,52)
```
#ce1f2d
```
#ce1f2d rgb(206,31,45)
```
#d71625
```
#d71625 rgb(215,22,37)
```
#e00d1d
```
#e00d1d rgb(224,13,29)
```
#ea0316
```
#ea0316 rgb(234,3,22)
```

Tone Color Variation

Below, you can see how #bc313c 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
#6f5356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d57 Protanopia 1% of men
#85683c Deuteranopia 1% of men
#bf3c3f Tritanopia 0.001% of the population

Trichromacy

#8e574d Protanomaly 1% of men, 0.01% of women
#99543c Deuteranomaly 6% of men, 0.4% of women
#be383e Tritanomaly 0.01% of the population

#bc313c hex color

#bc313c Color Information

#bc313c Color Conversion

Color Schemes with #bc313c

Alternatives to #bc313c

#bc313c Preview

Shades and Tints of #bc313c

Tones of #bc313c

Color Blindness Simulator