#bc316d hex color

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

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

● #bc316d color description : Moderate pink.

The hexadecimal color #bc316d has RGB values of R:188, G:49, B:109 and CMYK values of C:0, M:0.74, Y:0.42, K:0.26. Its decimal value is 12333421.

Hex triplet	bc316d	`#bc316d`
RGB Decimal	188, 49, 109	`rgb(188,49,109)`
RGB Percent	73.7, 19.2, 42.7	`rgb(73.7%,19.2%,42.7%)`
CMYK	0, 74, 42, 26
HSL	334.1°, 58.6, 46.5	`hsl(334.1,58.6%,46.5%)`
HSV (or HSB)	334.1°, 73.9, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.225, 59.043, -1.424
XYZ	24.598, 13.995, 15.873
xyY	0.452, 0.257, 13.995
CIE-LCH	44.225, 59.06, 358.619
CIE-LUV	44.225, 86.758, -12.6
Hunter-Lab	37.409, 51.905, 1.029
Binary	10111100, 00110001, 01101101

#bc316d
```
#bc316d rgb(188,49,109)
```
#31bc80
```
#31bc80 rgb(49,188,128)
```

Complementary Color

#bc31b3
```
#bc31b3 rgb(188,49,179)
```
#bc316d
```
#bc316d rgb(188,49,109)
```
#bc3b31
```
#bc3b31 rgb(188,59,49)
```

Analogous Color

#31b3bc
```
#31b3bc rgb(49,179,188)
```
#bc316d
```
#bc316d rgb(188,49,109)
```
#31bc3b
```
#31bc3b rgb(49,188,59)
```

Split Complementary Color

#316dbc
```
#316dbc rgb(49,109,188)
```
#bc316d
```
#bc316d rgb(188,49,109)
```
#6dbc31
```
#6dbc31 rgb(109,188,49)
```

Triadic Color

#8031bc
```
#8031bc rgb(128,49,188)
```
#bc316d
```
#bc316d rgb(188,49,109)
```
#6dbc31
```
#6dbc31 rgb(109,188,49)
```
#31bc80
```
#31bc80 rgb(49,188,128)
```

Tetradic Color

#7f214a
```
#7f214a rgb(127,33,74)
```
#942656
```
#942656 rgb(148,38,86)
```
#a82c61
```
#a82c61 rgb(168,44,97)
```
#bc316d
```
#bc316d rgb(188,49,109)
```
#cc3b79
```
#cc3b79 rgb(204,59,121)
```
#d14f87
```
#d14f87 rgb(209,79,135)
```
#d66395
```
#d66395 rgb(214,99,149)
```

Monochromatic Color

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

#bc3190
```
#bc3190 rgb(188,49,144)
```
#bc3184
```
#bc3184 rgb(188,49,132)
```
#bc3179
```
#bc3179 rgb(188,49,121)
```
#bc316d
```
#bc316d rgb(188,49,109)
```
#bc3161
```
#bc3161 rgb(188,49,97)
```
#bc3156
```
#bc3156 rgb(188,49,86)
```
#bc314a
```
#bc314a rgb(188,49,74)
```

Similar Colors

Text with hexadecimal color #bc316d

This text has a font color of #bc316d.

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

#bc316d background color

This paragraph has a background color of #bc316d.

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

#bc316d border color

This element has a border color of #bc316d.

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

CSS codes

.text {color:#bc316d;}

.background {background-color:#bc316d;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#11040a
```
#11040a rgb(17,4,10)
```
#200813
```
#200813 rgb(32,8,19)
```
#300d1c
```
#300d1c rgb(48,13,28)
```
#401125
```
#401125 rgb(64,17,37)
```
#4f152e
```
#4f152e rgb(79,21,46)
```
#5f1937
```
#5f1937 rgb(95,25,55)
```
#6e1d40
```
#6e1d40 rgb(110,29,64)
```
#7e2149
```
#7e2149 rgb(126,33,73)
```
#8d2552
```
#8d2552 rgb(141,37,82)
```
#9d295b
```
#9d295b rgb(157,41,91)
```
#ac2d64
```
#ac2d64 rgb(172,45,100)
```
#bc316d
```
#bc316d rgb(188,49,109)
```

Shade Color Variation

#cb3676
```
#cb3676 rgb(203,54,118)
```
#cf4681
```
#cf4681 rgb(207,70,129)
```
#d3558b
```
#d3558b rgb(211,85,139)
```
#d76596
```
#d76596 rgb(215,101,150)
```
#db74a1
```
#db74a1 rgb(219,116,161)
```
#df84ab
```
#df84ab rgb(223,132,171)
```
#e393b6
```
#e393b6 rgb(227,147,182)
```
#e7a3c0
```
#e7a3c0 rgb(231,163,192)
```
#ebb2cb
```
#ebb2cb rgb(235,178,203)
```
#efc2d5
```
#efc2d5 rgb(239,194,213)
```
#f3d2e0
```
#f3d2e0 rgb(243,210,224)
```
#f7e1eb
```
#f7e1eb rgb(247,225,235)
```
#fbf1f5
```
#fbf1f5 rgb(251,241,245)
```

Tint Color Variation

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

#7c7176
```
#7c7176 rgb(124,113,118)
```
#856874
```
#856874 rgb(133,104,116)
```
#8e5f73
```
#8e5f73 rgb(142,95,115)
```
#985572
```
#985572 rgb(152,85,114)
```
#a14c71
```
#a14c71 rgb(161,76,113)
```
#aa436f
```
#aa436f rgb(170,67,111)
```
#b33a6e
```
#b33a6e rgb(179,58,110)
```
#bc316d
```
#bc316d rgb(188,49,109)
```
#c5286c
```
#c5286c rgb(197,40,108)
```
#ce1f6b
```
#ce1f6b rgb(206,31,107)
```
#d71669
```
#d71669 rgb(215,22,105)
```
#e00d68
```
#e00d68 rgb(224,13,104)
```
#ea0367
```
#ea0367 rgb(234,3,103)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#735763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666f8f Protanopia 1% of men
#7c6c6a Deuteranopia 1% of men
#bc464a Tritanopia 0.001% of the population

Trichromacy

#855883 Protanomaly 1% of men, 0.01% of women
#93576b Deuteranomaly 6% of men, 0.4% of women
#bc3e57 Tritanomaly 0.01% of the population

#bc316d hex color

#bc316d Color Information

#bc316d Color Conversion

Color Schemes with #bc316d

Alternatives to #bc316d

#bc316d Preview

Shades and Tints of #bc316d

Tones of #bc316d

Color Blindness Simulator